css 动画怎么添加

最新推荐文章于 2024-07-29 14:14:21 发布

想想水门会怎么C

最新推荐文章于 2024-07-29 14:14:21 发布

阅读量570

点赞数 2

本文链接：https://blog.csdn.net/weixin_55553106/article/details/115936996

版权

一些 CSS 属性是可以有动画效果的，这意味着它们可以用于动画和过渡。
动画属性可以逐渐地从一个值变化到另一个值，比如尺寸大小、数量、百分比和颜色。

首先在你的容器上加上id

<div id="myDiv"></div>

以背景颜色为例，在style里面写上

#myDiv{
    animation: myAnimation 1s infinite;
     //动画属性IE10以下不兼容 谷歌 safari 欧朋等要写下面这行 为了容错最好一起写上
     /* Chrome, Safari, Opera */
    -webkit-animation: myAnimation 1s infinite;
}
@keyframes myAnimation {
  	from {background: red;}
    to {background: yellow;}
}