当前位置:萧兮博客 > 前端教程 > css实现头像旋转
萧兮

作者:萧兮

多做少说

手机扫码查看

css实现头像旋转 css实现头像旋转



<!-- wp:paragraph -->
<p>        代码如下</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<p>   

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			img{
				border: #000 solid 2px;
				display: block;
				margin: 50px auto;
				border-radius: 50%;
                                /*设置变化规则*/
				transition: all 2s;
			}
			img:hover{
                                  /*变化动作 */
				transform: rotate(360deg);
			}
		</style>
	</head>
	<body>
		<img src="img/1.jpg" />
	</body>
</html>
       
   </p>
<!-- /wp:html -->





css实现头像旋转
css实现头像旋转

效果如图所示

未经允许不得转载:

作者:萧兮, 转载或复制请以 超链接形式 并注明出处 萧兮博客
原文地址:《css实现头像旋转》 发布于2019-02-07

赞(3) 打赏

评论 6

4 + 8 =
  1. #1
    qq_avatar

    支持

    达到4个月前 (03-25)回复
  2. #2

    虽然不知道说的是什么,但看起来好厉害的样子!

  3. #3

    简单的小程序 收藏了

    iherb优惠码3个月前 (04-18)回复
  4. #4

    你这个是针对所有的WP吗,还是只针对你这个主题!

    叶忠文博客2个月前 (06-06)回复
    • 萧兮

      这只是一个简单的css效果

      萧兮2个月前 (06-07)回复
  5. #5

    感谢分享

    绿软吧3周前 (07-03)回复
css实现头像旋转

长按图片转发给朋友

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

支付宝扫一扫打赏

微信扫一扫打赏

萧兮易支付

萧兮易支付费率低至百分之1%; 满10元自动结算,

了解一下

切换注册

登录

忘记密码 ?

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

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

注册