掘金用户头像旋转

时间：2020-04-17 22:08:12 阅读：95 评论：0 收藏：0 [点我收藏+]

标签：transform orm 过程 duration property pre for 头像掘金

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

transform: rotate(666turn); 1turn = 360°

transition-duration: 59s; 59秒内完成旋转666turn

transition-timing-function: cubic-bezier(.34,0,.84,1); 过渡效果的速度曲线 四个值的范围都是0-1, 代表整个过程

掘金用户头像旋转

标签：transform orm 过程 duration property pre for 头像掘金

原文地址：https://www.cnblogs.com/dll-ft/p/12722632.html

踩

(0)

评论一句话评论（0）