A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© Z努力努力在努力 初级黑马   /  2019-3-29 17:52  /  1495 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

会旋转的头像:
<style type="text/css" >
     body{background: pink;}
       /* border-radius:50%  代表正圆(前提是形状是正方形)
        *  */
       /*img{width: 50px; height: 50px; border:5px solid gray;border-radius: 50%; margin: 50px;
            transition: all 2s  ease;*/
       /*开启过渡属性 --过度速率ease-out*/
       img{width: 150px; height: 150px; border: 2px solid darkgray;border-radius: 50%;margin: 80px;transition: all 2s ease;}
       /* transition 第一个时间代表动画的运行时间 第二个时间代表延迟时间 ease-in 变加速
        * ease-out变减速 ease-in-out先变加速变减速
        *  */
       img:hover{transform: scale(1.5)  rotate(360deg);}
      
      
      
     </style>
  </head>
  <body>
     
     <img src="1.jpg"title="" />
     <img src="2.jpg"title=""/>
     <img src="3.jpg"title=""/>
  </body>
</html>

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马