当前位置:乔越博客 > 编程语言 > HTML > 正文
乔越

作者:乔越

99年大一热爱网络热爱分享!

手机扫码查看

标签:

用css3简单写头像旋转360度效果

效果:


 

用css3简单写头像旋转360度效果

 

 

 

 

 



 CSS3代码:  
            <style type="text/css">
                img{
                    border: #000 solid 2px;
                    display: block;
                    margin: 50px auto;
                    /*圆角*/
                    border-radius: 50%;
                    transition: all 2.0s;
                }
                img:hover{
                   /*旋转*/
                    transform: rotate(360deg);
                }
            </style>
 html代码:
        <body>
            <img src="https://ww2.sinaimg.cn/large/005BYqpggy1fw4j2r0ddoj318g18gjwx.jpg" />
        </body>
    

 

未经允许不得转载

作者:乔越, 转载或复制请以 超链接形式 并注明出处 乔越博客
原文地址:《用css3简单写头像旋转360度效果》 发布于2018-11-15

分享到:
赞(1) 打赏

评论 抢沙发

2 + 8 =


用css3简单写头像旋转360度效果

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu3.3主题

专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。

了解一下

切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册