如何使用CSS3中的animation属性设置元素变颜色

 时间:2024-10-28 19:37:55

1、第一步,打开HBuilderX工具,新建页面文件,使用HTML5模板

如何使用CSS3中的animation属性设置元素变颜色

2、第二步,在<body></body>标签中,插入一个div标签

如何使用CSS3中的animation属性设置元素变颜色

3、第三步,添加一个style标签,使用ID选择器设置样式

如何使用CSS3中的animation属性设置元素变颜色

4、第四步,使用div:hover伪类选择器,设置动画属性animation-name、animation-duration和animation-timing-function

如何使用CSS3中的animation属性设置元素变颜色

5、第五步,保存代码并运行页面文件,打开浏览器,查看效果

如何使用CSS3中的animation属性设置元素变颜色

6、第六步,添加keyframes,设置不同百分比时背景色,然后保存并刷新浏览器,鼠标移上去查看效果

如何使用CSS3中的animation属性设置元素变颜色
  • 熊出没之熊大快跑【最新攻略】
  • 感染HPV怎么办?
  • 如何查看网页源代码?
  • 微信最强大脑烧脑大作战7-8-9关怎么过?
  • 婕拉该怎么玩
  • 热门搜索
    电脑手抄报怎么做 文明交通我先行手抄报 走进名人手抄报 三年级下册手抄报大全 数学手抄报三年级上册 屋顶上的小孩手抄报 万圣节手抄报内容 手抄报简笔画图案 数学小故事手抄报 小学生读书节手抄报