ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

CSS动画 让元素循环的下滑淡出

2021-09-16 10:58:50  阅读:31  来源: 互联网

标签:opacity 动画 淡出 top animation 0px example CSS left


 .slide-fade-animation {
   animation-name: example;
   animation-duration: 3s;
   animation-iteration-count: infinite;
   position: relative;
 }
 ​
 @keyframes example {
   0% {
     left: 0px;
     top: 0px;
     opacity: 1;
   }
 ​
   100% {
     left: 0px;
     top: 20px;
     opacity: 0;
   }
 }
<div class="slide-fade-animation" style="font-size: 2.5rem">
     <span class="el-icon-arrow-down"></span>
</div>

标签:opacity,动画,淡出,top,animation,0px,example,CSS,left
来源: https://blog.csdn.net/m0_37603057/article/details/120324589

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有