"animate.css" bermaksud koleksi kesan animasi yang dibuat menggunakan animasi dalam CSS3 "animate.css" pratetap banyak animasi yang biasa digunakan, yang sesuai untuk kegunaan pantas dan juga mudah untuk pengubahsuaian atas permintaan. Sintaksnya ialah "
".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
animate.css ialah koleksi CSS kesan animasi yang dihasilkan menggunakan animasi CSS3 Ia mempratetap banyak animasi yang biasa digunakan dan sangat mudah digunakan. Artikel ini akan memperkenalkan penggunaan animate.css secara terperinci
Animate.css ialah perpustakaan css yang ringkas dan cekap yang merangkumi beberapa animasi yang ringkas dan biasa, yang sesuai untuk kegunaan pantas dan mudah diubah suai atas permintaan.
Import fail
<head> <link rel="stylesheet" href="animate.min.css"> </head>
Tambahkan gaya animasi yang ditentukan pada elemen yang ditentukan
<div class="animated bounce"></div>
animasi, setiap elemen yang menggunakan kesan animate.css mesti menambah nama kelas ini;
$('#element').addClass('animated bounce');
$('#element').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function);
Nota: Apabila kesan dilaksanakan Akhirnya, elemen masih menempati ruang dalam aliran dokumen (walaupun anda tidak dapat melihat elemen itu lagi), jadi jika anda mahu elemen itu benar-benar hilang, sembunyikan elemen apabila animasi selesai, seperti:
(Mempelajari perkongsian video:
$('#element').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend
animationend', function(){$(this).hide();});Atas ialah kandungan terperinci Apakah maksud animate.css?. 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)
