This article mainly provides you with an in-depth analysis of the relevant information on the example code of CSS3 enlargement and rotation. It has certain reference value. Interested friends can refer to it
CSS3 enlargement and rotation
<!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>The above is the detailed content of CSS3 enlargement and rotation example code. For more information, please follow other related articles on the PHP Chinese website!
How to check mac address
Introduction to the usage of vbs whole code
Computer system vulnerability repair methods
What should I do if the matching result of the vlookup function is N/A?
The difference between lightweight application servers and cloud servers
What are the file types
WeChat failed to load data
Euro-Italian Exchange official app
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
