这篇文章主要为大家深度剖析了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>Atas ialah kandungan terperinci CSS3放大旋转的实例代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Bagaimana untuk melukis gambarajah pert
Pengenalan kepada pengubah kawalan akses java
Di manakah subskrip tatasusunan php bermula?
Mengapa Amazon tidak boleh dibuka
Perbezaan antara mysql dan sql_server
Bagaimana untuk menyelesaikan masalah akses ditolak semasa boot Windows 10
Apakah maksud wifi dinyahaktifkan?
Apakah format png
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
