masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial css > CSS3放大旋转的实例代码

CSS3放大旋转的实例代码

高洛峰
Lepaskan： 2017-03-27 10:28:36
asal
1577 orang telah melayarinya

这篇文章主要为大家深度剖析了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>
Salin selepas log masuk

Atas ialah kandungan terperinci CSS3放大旋转的实例代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
CSS3放大旋转
sumber：php.cn
Artikel sebelumnya：CSS3文本两种实例效果 Artikel seterusnya：CSS3多列的三种实例介绍
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Jadikan halaman itu mesra mudah alih? Saya mempunyai banyak halaman web dan beberapa laman web. Masalahnya, saya seorang pemula....
daripada 2024-04-01 20:42:38
0
1
259
Cara membuat animasi berhenti seketika pada tuding tetapi teruskan sebaik sahaja tetikus pergi Saya sudah bosan dengan beberapa penyelesaian dan ini adalah yang paling hampir saya dapat...
daripada 2024-04-01 09:43:54
0
1
349
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan