lokasi sekarang: Rumah > Muat turun > Kesan JS > kesan jQuery > Kesan animasi sempadan teks CSS3+SVG yang sejuk dan cantik
Kesan animasi sempadan teks CSS3+SVG yang sejuk dan cantik
Mengelaskan: Kesan JS / kesan jQuery | Masa keluaran: 2018-05-10 | lawatan: 1665 |
Muat turun: 67 |
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 Saya Boleh Melaksanakan Pemangkasan Ellipsis dalam Elemen Teks Boleh Diubah Saiz?
- 2 diskmsg.dll - Apakah diskmsg.dll?
- 3 dialupmanager.dll - Apakah dialupmanager.dll?
- 4 diagrpt.dll - Apakah diagrpt.dll?
- 5 Mengapakah peralihan CSS dengan mudah masuk-keluar berfungsi dengan lancar semasa tuding tetapi tiba-tiba apabila tetikus keluar?
- 6 dicrhash.dll - Apakah dicrhash.dll?
- 7 Bagaimana untuk Menyuntik Ketergantungan ke dalam Objek Sendiri pada Musim Bunga?
- 8 Mengapa PHP Gema \"2\" Apabila Menambah dan Menggabungkan Integer?
- 9 Mengapakah aplikasi Java saya menggunakan GMT dan bukannya zon waktu OS saya, dan bagaimanakah saya boleh membetulkannya?
- 10 Cara Ping URL HTTP dengan Berkesan di Java: Panduan Komprehensif
- 11 Mengapa `std::fstream` Saya Gagal Mencipta Fail?
- 12 Bagaimana untuk Mengikat Kelas CSS dalam Paparan XML UI5 Menggunakan Atribut \"kelas\"?
- 13 Mengapa Pemulihan Panik dengan Pembolehubah Setempat Tidak Mengubah Nilai yang Dikembalikan dalam Go?
- 14 digiconf.dll - Apakah digiconf.dll?
- 15 Bagaimanakah saya boleh menjana gambar rajah UML daripada kelas PHP saya yang sedia ada?
Tutorial Terkini
-
- Koleksi lengkap kursus timbunan penuh pembangunan web asing
- 1651 2024-04-24
-
- Gunakan GraphQL praktikal bahasa
- 1924 2024-04-19
-
- Bermula dengan MySQL (Teacher mosh)
- 1752 2024-04-07
-
- Mock.js |. Axios.js |
- 2564 2024-03-29
代码片段:
@import url(https://fonts.googleapis.com/css?family=Open+Sans:800);
.teks {
isi: tiada;
lebar lejang: 3;
stroke-linejoin: bulat;
stroke-dasharray: 70 330;
strok-dashoffset: 0;
-webkit-animasi: lejang 6s linear tak terhingga;
animasi: lejang 6s linear tak terhingga;
}
.text:nth-child(5n + 1) {
lejang: #F2385A;
-kelewatan-animasi-webkit: -1.2s;
kelewatan animasi: -1.2s;
}
.text:nth-child(5n + 2) {
strok: #F5A503;
-kelewatan-animasi-webkit: -2.4s;
kelewatan animasi: -2.4s;
}