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

 .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