码迷,mamicode.com
首页 > Web开发 > 详细

css3旋转

时间:2017-04-22 14:53:19      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:border   css   ansi   color   nsf   span   orm   旋转   top   

<span></span>

span{
    display: block;
  //三角形
width:0;
height:0;
border-left:5px solid transparent;
border-right:5px solid transparent;
border-top:5px solid #ffffff;
  //旋转动画
    transition: 0.3s  all;
}
span:hover{
transform: rotate(180deg);//旋转180度
}

css3旋转

标签:border   css   ansi   color   nsf   span   orm   旋转   top   

原文地址:http://www.cnblogs.com/-CLAY-/p/transform.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!