background5db79b134e9f6b82c0b36e0489ee08ed-color: rgb(252, 252, 252);>css3 过渡
css3中,我们为了添加某种效果可以从一种样式转变到另一个的时候,无需使用flash动画或javascript。用鼠标移过下面的元素:
也就是说我们设置好元素过渡后,突然间改变元素的属性,它会缓慢的过渡过去,
列入下面方法,当突然改变元素宽度时候,它会2秒后变成你改变的值
div
{
transition: width 2s;
-webkit-transition: width 2s; /* safari */
}
css3 动画
css3,我们可以创建动画,它可以取代许多网页动画图像,flash动画,和javascripts。
@keyframes myfirst
{
from {background: red;}
to {background: yellow;}
}
@-webkit-keyframes myfirst /* safari 与 chrome */
{
from {background: red;}
to {background: yellow;}
}
动画是预设置好动画过程,css3会按照这个过程执行。
以上就是介绍css3过渡和动画有哪些区别的详细内容。