css3 transition 移动

CSS3 transition 是一种让元素在变化时产生平滑过渡效果的技术。利用transition属性，可以使元素从一种状态到另一种状态发生动画效果。

下面是一个简单的例子，同一元素状态从正常状态到悬停状态时，文字颜色发生变化：

    <style>
        div {
            color: #000000;
            transition: color 2s;
        }

        div:hover {
            color: #ff0000;
        }
    </style>

    <div>Hello world!</div>

在上面的代码中，transition属性的第一个值是要变化的CSS属性，这里是文字颜色color，第二个值是变化的时间，这里是2秒。当鼠标悬停在文本上时，div元素的文字颜色从黑色变成了红色，而变化是在2秒的时间内平滑地实现的。

除了变化时间之外，transition属性还可以定义transition-delay、transition-timing-function和transition-property属性，分别控制变化延迟时间、变化速度曲线和变化的CSS属性。

总的来说，CSS3 transition技术是一种简单易用的元素动画效果实现方式，通过简单的CSS属性定义就可以实现复杂的动画效果。