首页 工作时间 9:00-17:30 关注我们
当前位置:首页 > 建站百科 > 实验室 >

HTML5 CSS3旋转放大特效代码

来源: 九度工作室 阅读:次 时间:18-07-24 16:13

旋转放大 CSS3样式

<style type="text/css">
.a{
 transition:All 0.4s ease-in-out;
 -webkit-transition:All 0.4s ease-in-out;
 -moz-transition:All 0.4s ease-in-out;
 -o-transition:All 0.4s ease-in-out;
 width:200px;
 height:200px;
 background-color:#000000;
 display:block;
 margin:100px auto;
 color:#fff;
 text-align:center;
 line-height:200px;
 font-size:20px;
 font-weight:bold;
}
.a:hover {
 transform:rotate(360deg) scale(1.2);
 -webkit-transform:rotate(360deg) scale(1.2);
 -moz-transform:rotate(360deg) scale(1.2);
 -o-transform:rotate(360deg) scale(1.2);
 -ms-transform:rotate(360deg) scale(1.2);
}</style>
<a class="a">旋转放大</a>