掘金コミュニティを閲覧していると、個人ページでマウスをプロフィール画像に重ねると、継続的に高速で回転する面白い小ネタを発見しました。私はそれが面白いと感じました。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);
}
補足：今日は 2021 年 2 月 4 日で、旧暦の腊月二十三日で、伝統的な小正月です。皆さん、小正月を楽しく過ごしてください。気づけばもうすぐお正月です。