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会按照这个过程执行。
Atas ialah kandungan terperinci 介绍css3过渡和动画有哪些区别. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
