Kodnya ialah "Element:hover{animation:name time}@keyframes name{100%{transform:rotate(rotation angle);}}"; @keyframes Animasikan elemen.
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
: Gaya istimewa ditambah dengan tuding apabila tetikus bergerak pada pautan.
:pemilih tuding boleh digunakan pada semua elemen, bukan hanya pautan.
Anda boleh menggunakan atribut animasi untuk mengikat animasi pada elemen Atribut animasi boleh mengawal tempoh dan bilangan animasi:
animation: name duration timing-function delay iteration-count direction;
di mana atribut adalah Apabila nilai ditetapkan kepada "tak terhingga", animasi ditetapkan untuk dimainkan secara tak terhingga Apabila kita mengikat animasi putaran pada elemen, ia boleh terus berputar.
Kemudian tetapkan tindakan putaran animasi melalui peraturan @keyframes.
Contoh adalah seperti berikut:
<html>
<head>
<style>
div{
width:100px;
height:100px;
background-color:pink;
}
div:hover{animation:fadenum 5s;}
@keyframes fadenum{
100%{transform:rotate(360deg);}
}
</style>
</head>
<body>
<div></div>
</body>
</html>Hasil output:
(Belajar perkongsian video: css tutorial video )
Atas ialah kandungan terperinci Apakah kod css3 untuk elemen tetikus yang diputar. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
