CSS3放大旋转的实例代码
来源：动视网
责编：小OO
时间：2020-11-27 18:52:07
CSS3放大旋转的实例代码
CSS3放大旋转。<；<。DOCTYPE html>；<；html >；<；head>；<；meta http-equiv="；Content-Type"；content="；text/html；charset=UTF-8"；/>；<；title>；CSS3放大旋转<；/title>；<；style>；.a{transition：All 0.4s ease-in-out；-webkit-transition：All 0.4s ease-in-out；-moz-transition：All 0.4s ease-in-out；width：200px；height：200px；}<；<。
导读CSS3放大旋转。<；<。DOCTYPE html>；<；html >；<；head>；<；meta http-equiv="；Content-Type"；content="；text/html；charset=UTF-8"；/>；<；title>；CSS3放大旋转<；/title>；<；style>；.a{transition：All 0.4s ease-in-out；-webkit-transition：All 0.4s ease-in-out；-moz-transition：All 0.4s ease-in-out；width：200px；height：200px；}<；<。
这篇文章主要为大家深度剖析了CSS3放大旋转的实例代码的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
CSS3放大旋转
<!DOCTYPE html>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS3放大旋转</title>
<style>
.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:#008000;
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>
</head>
<body>
<a class="a">放大旋转</a>
</body>
</html>
CSS3放大旋转的实例代码
CSS3放大旋转。<；<。DOCTYPE html>；<；html >；<；head>；<；meta http-equiv="；Content-Type"；content="；text/html；charset=UTF-8"；/>；<；title>；CSS3放大旋转<；/title>；<；style>；.a{transition：All 0.4s ease-in-out；-webkit-transition：All 0.4s ease-in-out；-moz-transition：All 0.4s ease-in-out；width：200px；height：200px；}<；<。
