您现在的位置是:首页 > 学无止境 > Web网站首页Web 如何鼠标移动上去让头像旋转
如何鼠标移动上去让头像旋转
- Web
- 2019-04-28
简介我们在做个人介绍的时候,基本上都会加上头像,那么如何让用户指这头像能让头像旋转呢?字数
624
我们在做个人介绍的时候,基本上都会加上头像,那么如何让用户指这头像能让头像旋转呢?下面我就交大家方法。
1、头像居中放置。
2、使用hover动作来img:hover设置transform: rotate(360deg)。
3、再在img标签里面加入transition: all 2.0s; ,
效果如图所示:
转载:
感谢您对莫愁个人博客网站平台的认可,非常欢迎各位朋友分享到个人站长或者朋友圈,但转载请说明文章出处“来源莫愁个人博客 https://www.mochoublog.com/study/194.html”。
- Web
- 2019-04-28
我们在做个人介绍的时候,基本上都会加上头像,那么如何让用户指这头像能让头像旋转呢?下面我就交大家方法。
1、头像居中放置。
2、使用hover动作来img:hover设置transform: rotate(360deg)。
3、再在img标签里面加入transition: all 2.0s; ,
效果如图所示:
转载: 感谢您对莫愁个人博客网站平台的认可,非常欢迎各位朋友分享到个人站长或者朋友圈,但转载请说明文章出处“来源莫愁个人博客 https://www.mochoublog.com/study/194.html”。
上一篇:学习文件上传漏洞分析-DVWA