阅读:12052 次 编辑日期:2016-03-21
.arr{width: 10%; overflow: hidden; text-align: center; position: absolute; left: 50px; top:50%; -webkit-animation: twinkling 1s infinite ease-in-out; } .arr i{ display: inline-block; width:23px; height:20px; border-width:0; border-right-width:2px; border-top-width:2px; border-style:solid; border-color:#f00; -o-transform: rotateZ(45deg);//旋转箭头角度 -moz-transform:rotateZ(45deg); -ms-transform:rotateZ(45deg); -webkit-transform:rotateZ(45deg); transform: rotateZ(45deg); } @-webkit-keyframes twinkling{ /*透明度由0到1*/ 0%{ opacity:0; /*透明度为0*/ } 100%{ opacity:1; /*透明度为1*/ } }