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

热门标签

, ,

本博客主题

高扩展、安全、稳定、响应式布局多功能模板。

¥69 现在购买

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

效果:


 

用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="//www.79bk.cn/wp-content/uploads/imageIObf/5cc2be92f26f6.jpg" />
        </body>
    

 

标签:

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

分享到:
赞(1) 打赏

评论 抢沙发

3 + 2 =


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

长按图片转发给朋友

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

支付宝扫一扫打赏

微信扫一扫打赏

79代刷网
代刷网各种代刷 售后有保证 代做各种网站有需要留言给我即可!
切换注册

登录

忘记密码 ?

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

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

注册