掘金个人主页头像旋转效果

2022-06-09 14:15:05 浏览数 (2)

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

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

代码语言:javascript复制
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号,农历腊月二十三,传统的小年,祝朋友们小年愉快。不知不觉,快过年了。

0 人点赞