【旋转动画】掘金头像鼠标悬浮，头像旋转

效果图

鼠标悬浮后，头像开始旋转，并不断加快速度( gif没能完全展示出实际效果 )

实现

<!-- logo -->
<img src="./logo.jpg" alt="logo">

img{
    width: 100px;
    height: 100px;
    /* 圆角 */
    border-radius: 50%;
}

img:hover{
    /* 旋转（2d）：旋转999圈 */
    transform: rotate(999turn);
    /* 延时执行：1s后开始执行 */
    transition-delay: 1s;
    /* 执行时间：60s */
    transition-duration: 60s;
    /* 执行速度 */
    transition-timing-function: cubic-bezier(.34,0,.84,1);
}