css呼吸灯
效果如下：
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta chart="UTF-8">
<title></title>
</head>
<style>
#animat{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
萌芽投稿margin: auto;
李商隐的嫦娥
opacity: .1;
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
animation-direction:alternate;/*轮流反向播放动画。*/
animation-timing-function: ea-in-out; /*动画的速度曲线*/
/* Safari 和 Chrome */
-webkit-animation:mymove 5s infinite;
-webkit-animation-direction:alternate;/*轮流反向播放动画。*/
-webkit-animation-timing-function: ea-in-out; /*动画的速度曲线*/
}
@keyframes mymove
zongzi如何写演讲稿
{
0%{
transform: scale(1); /*开始为原始⼤⼩*/
闻花香
opacity: .1;读书手抄报简单又漂亮
}
25%{
transform: scale(2); /*放⼤1.1倍*/
opacity: .5;
}
螺旋形50%{
transform: scale(1);
土地证明书怎么写
opacity: .1;
}
75%{
transform: scale(2);
opacity: .5;
}
}
</style>
<body>
<div>
<div id="animat"></div> </div>
</body>
</html>
