lokasi sekarang: Rumah > Muat turun > Kesan JS > Kesan khas CSS3 > animasi css3 mengubah animasi berenang ikan kesan khas
animasi css3 mengubah animasi berenang ikan kesan khas
Mengelaskan: Kesan JS / Kesan khas CSS3 | Masa keluaran: 2018-01-19 | lawatan: 2268 |
Muat turun: 45 |
Muat turun terkini
Akuarium Fantasi
Gadis Barisan Hadapan
Sayap Bintang
Syurga Peri Peri Bunga Kecil
Kisah Comel Restoran
Penjelajahan Pelancongan Shanhe
Cinta dan Pengeluar
Otak yang paling berkuasa 3
Debu Ganjil: Damila
Perjalanan Muda ke Barat 2
24 jamPapan pendahulu membaca
- 1 Bagaimanakah Kehadiran Elemen Disahkan dalam jQuery untuk Elemen Dibuat Lampiran()?
- 2 Helah HTML dan CSS yang penting untuk Menolak JavaScript
- 3 Senaraikan Masalah Penyelarasan
- 4 Menukar CSS semasa Anda Tatal dengan Rangsangan
- 5 How to Check Element Existence in jQuery After .append() Method
- 6 Bagaimana untuk membina Aplikasi lukisan kolaboratif
- 7 Memahami \"ini\" dalam objek dan fungsi JavaScript.
- 8 Bagaimana untuk Semak Kewujudan Elemen dengan jQuery selepas Menggunakan .append()?
- 9 Bagaimana untuk Mengesahkan Kewujudan Elemen Dicipta oleh .append() jQuery Menggunakan Pemilih yang Betul?
- 10 From Zero to Hero: Build React Forms with Validation Using React Hook Form and Yup
- 11 Panduan yang tidak berguna untuk laman web yang mampan
- 12 Bagaimana untuk Membaca dan Mencetak Baris N Pertama Fail Teks dalam Python?
- 13 Apakah Tujuan dan Faedah \"eksport lalai\" dalam ES6 untuk Penyatuan Modul?
- 14 Bagaimana pula dengan Biying Exchange?
- 15 Bagaimanakah Sistem Pengendalian Memberi Impak Pembacaan Baris N Pertama Fail Teks?
Tutorial Terkini
-
- Koleksi lengkap kursus timbunan penuh pembangunan web asing
- 1576 2024-04-24
-
- Gunakan GraphQL praktikal bahasa
- 1845 2024-04-19
-
- Bermula dengan MySQL (Teacher mosh)
- 1707 2024-04-07
-
- Mock.js |. Axios.js |
- 2517 2024-03-29
<head lang="ms">
<meta charset="UTF-8">
<tajuk>transformasi animasi css3鱼游动特效</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<gaya>
badan{
warna latar belakang: biru muda;
limpahan:tersembunyi;
}
.fishbox{
lebar: 200px;
ketinggian: 200px;
/*warna latar belakang: rgba(0,0,0,0.4);*/
jawatan: mutlak;
kiri:0;
atas:0;
animasi: jalankan 20s linear tak terhingga;
animasi-arah: normal;
}
.ikan{
lebar: 174px;
ketinggian: 126px;
jawatan: mutlak;
kiri:35%;
atas:0;
latar belakang:url(imej/ikan8.png) tiada ulangan kiri atas;
/*peralihan:semua langkah 0.8s(8) ;*/
animasi:aktif1 0.8s langkah(8) tak terhingga;
这是一款基于 css3 animation transform属性制作的鱼游动动画特效,用background-position属性实现两条游动追逐的。