Bagaimana untuk mencapai kesan kad ini menggunakan JavaScript+css3?

Ada ke yang dah buat kesan macam ni? Untuk kesannya, lihat apl yang paling cantik: http://www.25xt.com/?p=12539. Saya hanya menerima kod untuk Android dan IOS di Internet: https://github.com/ZieIony/Ma..., tetapi saya tidak dapat memahaminya. Saya harap anda boleh berkongsi jika anda melihat demo be...

淡淡烟草味 2017-05-18 10:55:57 0  2  608

Pengaktifan butang menyebabkan kesan hover tidak berfungsi

Saya telah cuba mempelajari asas pembangunan web (HTML, CSS dan JS), jadi saya telah cuba membuat kalkulator Apple yang berfungsi. Semuanya berfungsi dengan baik sehingga saya perasan pepijat kecil. Pada mulanya, kesan hover pada butang tindakan berfungsi dengan baik, warna menjadi lebih cerah semas...

P粉548512637 2024-04-01 21:51:26 0  1  552

Tambah secara dinamik : kesan hover pada berbilang elemen

Adakah mungkin untuk menambah kesan hover pada berbilang elemen secara pemrograman? Dalam sistem kami, apabila terdapat berbilang elemen yang mewakili satu unit (tetapi perlu dipisahkan kepada berbilang elemen atas sebab lain), dalam beberapa kes elemen tersebut harus diwarnakan semula bersama-sama ...

P粉203792468 2023-08-15 23:49:58 0  1  503

Menggunakan SVG secara langsung dalam penanda HTML tidak membenarkan saya untuk menetapkan peranan pada butang atau mempunyai kesan tuding yang diingini

Saya mempunyai bekas dengan ikon yang sepatutnya melaksanakan dua fungsi: Bertindak seperti butang (boleh diakses melalui papan kekunci/pembaca skrin dll.) Hidupkan merah pada tuding/fokus Apabila saya menggunakan SVG secara terus dalam penanda, tuding Kesan berhenti berfungsi seperti yang diharapka...

P粉940538947 2023-09-06 20:29:59 0  1  577

Tingkah laku yang tidak dijangka (pepijat butang putih) apabila menggunakan Tailwind dan MUI dalam projek NextJS

Saya sedang membina projek menggunakan NextJS, TailwindCSS dan perpustakaan MUIReactUI. Setiap kali saya cuba menambah butang MUI pada projek saya, ia berfungsi dengan baik tetapi warna butang itu kekal putih. Warna kembali normal pada tuding dan masih mempunyai kesan riak apabila butang diklik. Tet...

P粉996763314 2023-11-04 11:04:23 0  1  764

Kesan alih tetikus pada komponen vue dan vuetify

Jadi saya cuba mencipta semula kesan tetikus seperti yang ditunjukkan dalam contoh dalam artikel berikut: https://blog.prototypr.io/stunning-hover-effects-with-css-variables-f855e7b95330 Tetapi dalam kes saya, saya Mahu menggunakan Vue .js untuk menggunakan kesan tuding pada kad-v daripada perpustak...

P粉032649413 2024-03-27 16:31:16 0  1  433

Buat kesan hover yang mengubah butang menu menjadi bentuk x dengan versi klon berbayang

Pertama saya ingin mengakui bahawa tajuk saya mengelirukan dan saya minta maaf untuk itu. Apa yang saya ingin capai ialah kesan berikut pada hover: Tapak web saya ada di sini https://wordpress-493302-3130963.cloudwaysapps.com/ Saya telah berjaya mencapai separuh daripada apa yang saya ingin capai me...

P粉546257913 2024-04-04 11:55:21 0  2  454

Menggunakan kesan hover CSS elemen Psuedo untuk bertindih dengan elemen utama

Pada asasnya apabila saya melayang saya mahu kesannya kelihatan seperti ini: Kod tapak web saya di sini adalah seperti berikut abaikan! Penting: .cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!important;width:120px!important;height:50px!important;display:inline-flex!important;just...

P粉838563523 2024-03-20 10:31:28 0  1  330

Tunjukkan kandungan pada tuding (tidak menjejaskan ketinggian kad)

Saya mempunyai blok yang mengandungi kandungan yang dipaparkan pada hover. Cara kesannya harus berfungsi ialah: .hoverCard lalai untuk menunjukkan kandungan asas (kandungan dalam .hoverCard__showOnHover disembunyikan) Pengguna melayang di atas .hoverCard, di mana .hoverCard__showOnHover menunjukkan ...

P粉289775043 2024-03-27 20:29:28 0  1  440

Isu penggayaan dengan komponen REACT - Limpahan Tindanan

Untuk komponen tiga butang yang ditunjukkan dalam gambar, bagaimanakah kita boleh menggunakan JS asli dan REACT untuk menulis cara mudah untuk menukar gaya salah satu butang dengan mengklik salah satu daripadanya? Dan apabila anda mengklik butang lain, anda boleh mempunyai kesan yang sama (iaitu, ko...

巴扎黑 2017-07-05 10:50:54 0  3  877

Gunakan kursor khas untuk menukar teks pada tuding

Tolong bimbing saya cara menukar teks pada hover, serupa dengan tapak web monopo. Saya tidak memerlukan latar belakang. Hanya kesan bulat mudah (seperti latar belakang berwarna) dan perubahan teks adalah semua yang anda perlukan. Juga, jika boleh, saya ingin kesannya aktif hanya dalam div bernama &q...

P粉665427988 2023-09-05 23:47:42 0  1  560

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  522

javascript - Saya agak keliru, mengapa saya boleh terus menggunakan checked=true untuk menambah kesan pada tag dalam js?

Sebagai contoh: Saya perlu menggunakan js untuk menambah kesan yang dipilih pada butang. Mengapa anda boleh terus menggunakan oDiv.checked = true dalam js untuk menambah kesan yang dipilih? Mengapa anda tidak perlu menambah gaya di tengah? Jika ia adalah warna, ini ialah oDiv.style.color = "mer...

阿神 2017-06-26 10:55:27 0  2  760

javascript - Bagaimana untuk menggunakan js untuk mencipta kesan peralihan?

Saya tidak begitu biasa dengan js, jadi saya ingin bertanya, jika saya menggunakan js untuk mengklik butang, dan kemudian div bergerak ke 500px di sebelah kanan selepas 5 saat, apakah idea untuk mencipta kesan ini? Perlukah saya menulis kelas terlebih dahulu untuk mencapai semua kesan ini, dan kemud...

滿天的星座 2017-06-26 10:54:58 0  6  967

Cara menggunakan ReactJS untuk menyembunyikan elemen

Saya mahu menunjukkan teks pada skrin dan menyembunyikannya hanya apabila butang ditekan, tetapi saya tidak tahu bagaimana untuk melakukannya. Saya mahu menggunakan useState untuk mencapai kesan ini: const[textVisibility,setTextVisibility]=useState(true)<buttononClick={()=>setTextVisibility(fa...

P粉136356287 2023-09-07 19:21:22 0  2  496

CSS untuk menambah bayang/sempadan pada setiap butang apabila butang bootstrap aktif

Saya menggunakan rangka kerja React untuk mencipta bahagian hadapan dan Bootstrap5.3 untuk reka bentuk. Dari pemahaman saya, Bootstrap kini telah mengeluarkan kesan bayangan sebagai standard. Jadi, jika butang aktif, butang itu tidak akan menunjukkan bayang/sempadan, seperti dalam dokumentasi Bootst...

P粉256487077 2023-08-17 23:54:27 0  1  500

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  1047

swift - papan kekunci ios muncul atau hilang masalah

Kesan yang diingini ialah apabila papan kekunci muncul, butang dan label di bahagian bawah secara automatik akan bergerak ke atas dan berada di atas papan kekunci. Apabila papan kekunci hilang, butang dan label akan kembali ke bahagian bawah secara automatik. Saya menggunakan kaedah menambah scrollV...

过去多啦不再A梦 2017-06-06 09:53:33 0  1  898

Dalam PHP, pembolehubah yang tidak dijangka $sql menyebabkan ralat pengecualian.

Saya fikir saya mempunyai kod lengkap yang ditulis dan tiada ralat, tetapi mengapa ia terus menunjukkan ralat seperti ini? Saya telah cuba bermula dengan menyemak koma bertitik dan perkara lain, dan juga cuba menamakan semula pembolehubah $sql, dan butang pada baris 28 tidak mempunyai kesan sama ada...

P粉781235689 2023-08-02 14:50:45 0  1  464

Cara menambah butang dengan jidar kecerunan pada tapak web anda

Masalah saya ialah butang itu kelihatan sangat kecil dan saya melaraskan ketinggian atau lebar di bawah tanpa sebarang kesan. Saya telah memasukkan kod ke dalam laman WordPress saya menggunakan Elementor, saya hanya menyeret widget HTML dan menampal kod di bawah. .container{height:100vh;width:100vw;...

P粉621033928 2023-09-05 20:41:10 0  1  589