CSS如何应用animation属性

 时间:2024-10-13 17:07:37

1、首先在html文档中准备一个空的div,如下图所示,接下来就让这个div从左向右移动

CSS如何应用animation属性

2、然后我们给div设置宽高并且设置背景颜色,如下图所示

CSS如何应用animation属性

3、接下来就给div设置animation属性,如下图所示,给其起了个名字,并且设置了动画的时间

CSS如何应用animation属性

4、然后就需要为起的动画效果进行关键字声明了,如下图所示

CSS如何应用animation属性

5、如果使用的是webkit的浏览器,那么久需要声明如下的关键字

CSS如何应用animation属性

6、最后我们运行程序以后,你会看到如下图所示的效果,红框从左到右移动了

CSS如何应用animation属性

7、综上所述,运用CSS的an坡纠课柩imation属性的关键就是设置动画效果的关键字,另外注意webkit的特别设置

  • DW中怎么利用DIV+CSS做径向圆形渐变?
  • Dreamweaver中制作spry表单文件域
  • 如何在网页当中做一个创意的按钮
  • 用CSS来控制实现div的外边距margin
  • css制作放大缩小图标;css制作放大镜
  • 热门搜索
    发菜怎么吃 减肥药 雷涛简介 苹果手机卡死了怎么办 福州攻略 cf怎么连跳 玛缇瓷砖怎么样 节食减肥的危害 cad图怎么打印 口袋妖怪漆黑的魅影攻略