这篇文章主要为大家深度剖析了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!
Komputer dijangkiti dan tidak boleh dihidupkan
Apakah jenis alat laso dalam PS?
locallapstore
Apakah maksud rakaman skrin?
Cara memintas panggilan mengganggu
Penjelasan terperinci tentang pengendali anjakan java
Pengenalan kepada arahan untuk mencipta fail baharu dalam Linux
WeChat Moments tidak boleh dimuat semula
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
