css 上下滑动加旋转

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

.top-center{       -webkit-animation: bounce-down 1.6s linear infinite;       animation: bounce-down 1.6s linear infinite; //时间控制     }     @-webkit-keyframes bounce-down{       25% {         -webkit-transform: translateY(-10px);       }       50%,       100% {         -webkit-transform: translateY(0);       }       75% {         -webkit-transform: translateY(10px);       }     }       @keyframes bounce-down {       25% {         transform: translateY(-10px);       }       50%,       100% {         transform: translateY(0);       }       75% {         transform: translateY(10px);       }     }

?

1 2 3

<div class="top-center">         <i class="el-icon-d-arrow-right" style="transform: rotate( 90deg);font-size: 45px; color: white;" ></i>       </div>