transtion可以成为简单动画，实际上功能是过渡，在CCS中规定时间内从一个值变化到另一个值。但是transtion并不是所有的值都能过渡，一般颜色、尺寸、透明度可以，像display的值不能使用过渡来完成。
在更加复杂的变化中，如一个值到另一个值在到某一个值....，就不能使用transtion来过渡了。为了能有这样的效果，可以使用更加复杂的动画效果animation。在规定的时间内，可以变化多个值，在网站https://www.kettle.net.cn/ 动画库中文网，可以引用非常多得样式，可以节省我们很多时间，引入动画库的时候，在需要添加动画的元素身上加入属性，calss=animated 动画的名称。
如果需要更改动画的样式，首先要知道动画的制作过程。@keyframes表示引入一个动画，后面跟自定义的动画名称。内容中从from开始在打to结束，如果开始和结束都相同 可以不写结束。@keyframes scroll{from{需要变化的值}20%{需要变化的值}｝百分率是动画的时间，from是起始时间。最后一条是结束时间。from和to相同.在css中给元素添加动画可以用代码：animation：后面可以加值，如 动画的名称。动画的时间 播放的次数，播放的速度。这样可以提高用户的认可。使网站更加生动！