掘金個人主頁頭像旋轉效果

2021年2月3日#css54

AI 翻譯

這篇文章透過AI由簡體中文翻譯成繁體中文。查看原文

AI 生成的摘要

這篇文章介紹了如何使用CSS3技術在個人主頁的頭像上實現加速旋轉效果。文章中提供了具體的代碼示例，並祝福讀者小年快樂。

在瀏覽掘金社區的時候，發現一個很有趣的小彩蛋，在個人主頁將滑鼠懸停在頭像上，會不停地加速旋轉，我感覺挺有趣，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 號，農曆臘月二十三，傳統的小年，祝朋友們小年愉快。不知不覺，快過年了。