短视频开发，制作上下动态的箭头动画

    <!doctype html><br><html><br><head><br><meta charset="utf-8"><br><title>箭头</title><br><style><br>/* 包裹箭头效果的盒子 */<br>    .arrowTransform {<br>      animation: bounce-inSS 2s infinite; /* 启动动画特效 */<br>  width: 300px;<br>  height: 300px;<br>  <br>  margin: 0 auto;<br>  margin-top: 90px;<br>    }<br>    /* 箭头效果的盒子 */<br>    .arrowTransform_style {<br>      display: block;<br>  margin: 0 auto;<br>      width: 200px;<br>      height: 200px;<br>      border-right:3px solid ;<br>      border-top:3px solid ;<br>      -webkit-transform:rotate(135deg); /* 箭头方向可以自由切换角度 */<br>      transform:rotate(135deg);<br>      cursor:pointer;<br>    }<br>.arrowTransform-title{<br>  text-align: center;<br>    font-size: 40PX<br>}<br>    /* 箭头动画 */<br>    @keyframes bounce-inSS {<br>      0%, 20%, 50%, 80%, 100% {<br>        transform: translateY(0);<br>      }<br>      40% {<br>        transform: translateY(-30px);<br>      }<br>      60% {<br>        transform: translateY(-15px);<br>      }<br>    }<br></style><br></head><br><body><br>        <!-- 底部跳转 --><br><div class="arrowTransform"><br><div class="arrowTransform-title">点我？</div><br>    <a class="arrowTransform_style"></a><br></div><br></body><br></html>