CSS动画的简单实现,入门很好

2026-02-14 03:27:43

1、先要认识制作动画的属性animation,并且要知道它的兼容性,关于IE只有版本大于9的才可以实现哦。那么它的属性值是什么呢,如下

第1个值是: 动画的规则

第2个值是:动画持续的秒数

第3个始政侧值是:动画的过渡

CSS动画的简单实现,入门很好

2、最重要的就是动画科珠的规则怎么写了,如下

@keyframes 沃忌规则名称

{

from {left:0px;} 从哪里开始动

to {left:400px;} 到哪里结束

}

CSS动画的简单实现,入门很好

3、最后在第三个属性值里加上过渡效果即可了如下

animation: 动画规则名称 秒数 infinite;

CSS动画的简单实现,入门很好

猜你喜欢