在浏览掘金社区的时候,发现一个很有意思的小彩蛋,在个人主页将鼠标悬浮在头像上,会不停的加速旋转,我感觉挺有意思,f12 看看这个样式怎么写的,发现用到了 css3 的相关技术。

下面是具体代码,img 是头像元素,直接写在 hover 中即可。

img:hover {
    transform: rotate(666turn);
    transition-delay: 1s;
    transition-property: all;
    transition-duration: 59s;
    transition-timing-function: cubic-bezier(.34,0,.84,1);
}

ps:今天是 2021 年 2 月 4 号,农历腊月二十三,传统的小年,祝朋友们小年愉快。不知不觉,快过年了。