把评论头像变成圆圈并转动,没什么技术含量,看代码就行!
首先,找到你评论头像的CSS,假如你的头像 touxiang img{} 那么,就在属性里面加上下面的这段CSS
border-radius: 50%; -webkit-transition: .4s all ease-in-out; -moz-transition: .4s all ease-in-out; -o-transition: .4s all ease-in-out; -ms-transition: .4s all ease-in-out; transition: .4s all ease-in-out;
然后,找到 tx:hover img{},在属性里面加上
-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);千万不要照着我的写出了 touxiang img 我这是举例,每个人的都不一样
最后的效果如本站的评论头像
如有问题,请留言
版权声明:若无特殊注明,本文皆为《Finally》原创,转载请保留文章出处。
本文链接:把评论头像变成圆圈并转动 - https://emlog.jiaozi.pro/pltx.html
评论:2条评论