css3旋转透明显示

最新推荐文章于 2022-08-22 14:12:08 发布

weixin_34004750

最新推荐文章于 2022-08-22 14:12:08 发布

阅读量162

点赞数

文章标签： python

原文链接：https://my.oschina.net/parchments/blog/857809

版权

2019独角兽企业重金招聘Python工程师标准>>>

/*
旋转360度
body{
animation: 40s linear 0s normal none infinite rotate;
-webkit-animation: 40s linear 0s normal none infinite rotate;
}

@keyframes rotate{
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
*/

/*逐渐显示隐藏
@-webkit-keyframes fadeInOut {
0% {
opacity:1;
}
25% {
opacity:0;
}
50% {
opacity: 0;
}
75% {
opacity:1;
}
}
body {
position:absolute;
-webkit-animation-name: fadeInOut;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 12s;
-webkit-animation-direction: alternate;
}
*/