css 上下滑动加旋转

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

  

  

 

posted @ 2022-03-25 15:16  薛定谔_猫  阅读(155)  评论(0)    收藏  举报