CSS如何应用animation属性

 时间:2026-02-20 07:06:26

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的animation属性的关键就是设置动画效果的关键字,另外注意webkit的特别设置

  • DW中怎么利用DIV+CSS做径向圆形渐变?
  • Dreamweaver中制作spry表单文件域
  • 如何在网页当中做一个创意的按钮
  • 用CSS来控制实现div的外边距margin
  • css制作放大缩小图标;css制作放大镜
  • 热门搜索
    作业写不完怎么办 眼睛痒怎么办 孕妇发烧怎么退烧 幽门螺旋杆菌怎么治疗 孙悟空怎么画 ps标尺怎么调出来 海鱼怎么做好吃 经常便秘怎么办 郏县怎么读 手抄报怎么画