掘金用户头像旋转
Posted dll-ft
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了掘金用户头像旋转相关的知识,希望对你有一定的参考价值。
#pic:hover { transform: rotate(666turn); transition-delay: 1s; transition-property: all; transition-duration: 59s; transition-timing-function: cubic-bezier(.34,0,.84,1); }
transform: rotate(666turn); 1turn = 360°
transition-duration: 59s; 59秒内完成旋转666turn
transition-timing-function: cubic-bezier(.34,0,.84,1); 过渡效果的速度曲线 四个值的范围都是0-1, 代表整个过程
以上是关于掘金用户头像旋转的主要内容,如果未能解决你的问题,请参考以下文章