Dalam Vue.js, klik butang untuk menjana animasi secara rawak

Saya mempunyai tiga fail animasi json pemain lottie - congratulations1.json, congratulations2.json dan congratulations3.json animasi adalah seperti berikut: Tahniah 1: <lottie-playerv-if="showPlayer1" class="justify-content-center" src=" ./../../

P粉722521204 2024-03-27 23:57:52 0  1  380

Mengapa animasi Lottie saya dimuatkan dengan betul pada pelayan localhost tetapi tidak pada pelayan penempatan?

Jadi masalahnya ialah semua animasi Lottie dimuatkan pada pelayan localhost saya, tetapi setelah aplikasi web digunakan, animasi tidak dimuatkan dan saya mendapat beberapa ralat dalam konsol. Fail animasi ialah fail .json. Projek saya ialah projek jsReact seterusnya. Pautan ke lottie: https://lottie...

P粉662614213 2024-03-29 12:05:35 0  2  469

Bagaimana untuk menghidupkan ketinggian dengan mengubah tanpa memerah kandungan

Dalam projek saya, saya telah menggunakan jQueryslideUp() untuk meluncurkan elemen ke atas dalam senarai 200 item apabila pengguna mengklik butang. Walau bagaimanapun, animasi ketinggian CSS diketahui memerlukan aliran semula, mengakibatkan animasi tidak stabil. Animasi adalah sebahagian daripada ap...

P粉208469050 2024-01-01 11:51:20 0  1  452

Apakah yang menyebabkan animasi teks CSS menjadi keterlaluan semasa dimuatkan?

Saya mencuba setiap helah yang saya dapati, tetapi animasinya masih sangat bergelora. Saya cuba mengikuti beberapa nasihat mengenai soalan lain yang disyorkan untuk menggunakan peralihan dan bukannya bingkai utama tetapi nampaknya hanya menggunakan peralihan saya perlu menggunakan Javascript yang sa...

P粉872101673 2024-04-01 23:54:24 0  1  520

javascript - Adakah terdapat penyelesaian yang baik untuk menunjukkan dan menyembunyikan animasi?

Contoh: Ia mempunyai kesan yang sama seperti div ini disembunyikan dahulu. Selepas mengklik butang, ia dipaparkan dan mempunyai kesan animasi. Tetapi saya pasti menulisnya terlalu rumit Adakah terdapat penyelesaian yang lebih mudah (tidak memerlukan perpustakaan pihak ketiga)?

阿神 2017-06-30 09:59:55 0  5  1057

php - Rakan sekerja, sila kongsi idea reka bentuk anda.

Saya ingin membuat bahagian belakang seperti itu, dan keperluannya ialah: 1. Buat bahagian belakang yang menambah kata kunci. . Terdapat pelbagai kategori dan pengurusan kebenaran. . . 2. Tambahkan kata kunci dengan suara yang berkaitan, jawapan yang berkaitan, video yang berkaitan, animasi dan sumb...

我想大声告诉你 2017-06-26 10:49:03 0  1  812

Butang pada mudah alih kekal fokus atau aktif, menyebabkan masalah dengan animasi CSS

Saya cuba mencapai animasi setiap kali saya mengklik butang, ia berfungsi dengan baik pada desktop tetapi saya tidak boleh mencapai kesan yang sama pada mudah alih. Saya perlu mengklik butang dahulu, kemudian klik di tempat lain untuk menyahfokus CSS, kemudian klik butang sekali lagi untuk mendapatk...

P粉043295337 2023-08-28 15:14:37 0  1  523

JavaScript mengemas kini sifat tersuai CSS lebih perlahan daripada menggunakan gaya elemen: perbandingan prestasi

Saya telah mencipta peluncur kalendar untuk vue3 yang menggunakan acara mousemove dan touchmove untuk melaksanakan animasi gelongsor, serta fungsi untuk melaksanakan beberapa animasi kelajuan. Projek ini boleh diuji di sini: https://stackblitz.com/github/Der-Alex/vue-calendar-slider?file=src/compone...

P粉235202573 2024-01-07 09:42:03 0  1  432

Isu animasi Apple menggunakan React dan CSS sebaris

Saya cuba mencipta semula animasi ini dalam React menggunakan HTML dan CSS, menggunakan gaya sebaris dan TypeScript. Saya sedang mencipta objek dengan maklumat gaya dan merujuknya dalam atribut gaya. Di bawah ialah kod. Ia tidak berfungsi, saya tidak pasti apa yang saya lakukan salah, saya mengesyak...

P粉729436537 2024-01-10 17:08:30 0  1  339

CSS animasi wowjs tidak sah, wowjs tidak menambah kelas animasi pada elemen HTML

Jika anda pergi ke tapak web di sini dan menyemak menggunakan alat pembangun, anda akan melihat baris ini<!--Singleportfolioitemone--><sectionclass="single-itemscenter-blockparallaxm-0"id="home" style="background: url (inovatif/img/single-por

P粉748218846 2024-03-19 21:29:39 0  1  388

Vue 3 - Pemain Svgator sentiasa tidak ditentukan.

Pada masa ini, saya mencipta animasi SVG menggunakan SVGator. Saya mengimportnya sebagai sumber ke dalam apl saya dan cuba menjalankannya. Saya mengikuti arahan dalam dokumentasi dan memastikan ia berfungsi. Walau bagaimanapun, kerana saya mungkin perlu mencipta sejumlah besar animasi, saya cuba men...

P粉478835592 2023-07-28 08:44:31 0  1  543

Mengapa imej dan animasi hilang apabila menambah kelas pada lajur terakhir?

Saya cuba menghidupkan 6 imej dalam gelung tak terhingga. Apabila saya menambah imej ke-6 dan menambah kelas "poster", tiada imej dipaparkan, tetapi jika saya meninggalkan menambah kelas "poster" ke lajur ke-6 (atau imej), 5 imej pertama dipaparkan dan bernyawa dengan betul. Saya...

P粉792026467 2023-08-15 11:29:09 0  1  435

javascript - mengapa dua elemen diperlukan untuk mencipta kesan tatal dengan transformasi

Saya membaca artikel orang lain mengapa perlu menggunakan dua lapisan elemen untuk melakukan dua animasi untuk mencapai kesan parabola bola kecil, bukannya hanya menulis satu elemen &lt;div class="ball"&gt;&lt;/div&gt; ? Kemudian gunakan transform untuk melakukannya Penguba...

滿天的星座 2017-05-19 10:18:02 0  2  837