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

javascript - Bagaimanakah kesan animasi strok ini dicapai?

Kesan seperti pukulan ini akan muncul apabila tetikus melayang di atasnya. Bolehkah ia dicapai dengan CSS tulen? Bagaimana untuk mencapai kesan yang sama?

学习ing 2017-06-24 09:44:08 0  3  876

Kesan kecerunan sifat paparan CSS

Saya sedang mereka bentuk "jatuh turun super" CSS - pada asasnya lungsur turun CSS tulen biasa, tetapi dengan pelbagai jenis kandungan di dalamnya. Pada masa ini, nampaknya kesan peralihan CSS3 tidak digunakan pada sifat "display", iaitu, tiada cara untuk beralih daripada display...

P粉608647033 2023-08-21 11:08:32 0  2  548

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

Bagaimana untuk melaksanakan kesan hover bar navigasi

Saya sedang mengusahakan bar navigasi menegak saya. Nama ikon itu sepatutnya kelihatan di sebelah kanan. Nama itu juga sepatutnya berubah daripada putih kepada hitam apabila tetikus berada di atas ikon, tetapi ia tidak berfungsi. Saya cuba menukar teg di sekeliling untuk melihat sama ada itu membant...

P粉041758700 2024-01-10 18:06:56 0  1  408

Kesan tuding item menu meliputi keseluruhan ketinggian halaman

Saya sedang membangunkan navigasi kiri. Saya mahu bar merah muncul sebelum item menu pada tuding. Ia berfungsi untuk item "Rumah" dan sub-itemnya, tetapi item akar lain menyebabkan bar merah pada tuding merentangi keseluruhan lebar halaman dari atas ke bawah. $(document).foundation();.vert...

P粉029327711 2024-02-04 00:36:46 0  2  315

Transformasi pada sifat paparan CSS

Saya sedang mereka bentuk menu "mega dropdown" CSS - pada asasnya menu dropdown CSS tulen biasa, tetapi dengan jenis kandungan yang berbeza. Pada masa ini, peralihan CSS3 nampaknya tidak berfungsi dengan sifat "display", iaitu anda tidak boleh pergi dari display:none ke display:b...

P粉958986070 2023-08-23 12:27:32 0  2  579

javascript - Sila beritahu saya cara menggunakan penatalan +vue yang lebih baik

Ia seperti ini. Saya akan menggunakan kaedah tatal menegak untuk komponen tatal yang lebih baik, tetapi saya telah mengkaji tatal mendatar untuk masa yang lama dan tidak dapat melaksanakannya Saya ingin capai ialah menu mendatar boleh serupa dengan menu yang ditandakan oleh saya

三叔 2017-07-05 10:44:28 0  1  917

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

ReactJS: Kemas kini ikon menu lungsur turun secara dinamik pada tuding

Pertama, saya menggunakan rangka kerja React "antd" dan tailwindCSS hanya untuk mengamalkan ReactJS. Nah, ini kali pertama saya menggunakan rangka kerja ini. Jadi saya memutuskan untuk mencuba menggunakan menu pop timbul lungsur pada tuding dahulu. Sebenarnya, ia tidak begitu jelas bagaima...

P粉877114798 2024-03-29 17:58:41 0  1  430

Tajuk ditulis semula sebagai: menu flexbox dan jadual dengan tajuk - adakah mungkin untuk memotong tajuk berdasarkan lebar jadual?

Saya mahu mencapai sesuatu seperti ini dengan menggunakan flexboxCSS. Menu adalah lebar tetap, tetapi jadual boleh berkembang secara automatik, dan pengepala tidak boleh melebihi lebar jadual, walaupun ia panjang. Dalam erti kata lain, jadual sepatutnya boleh meregangkan bekas lajur, tetapi pengepal...

P粉642920522 2023-09-06 17:30:06 0  1  416

Bagaimana untuk mengalih keluar kelewatan peralihan dalam peralihan Vue?

Saya menggunakan Vue untuk menghidupkan kotak teks untuk bergerak ke atas dan pudar apabila tetikus melayang di atas gambar. Animasi adalah betul, tetapi terdapat sedikit kelewatan sebelum ia bermula. Saya mahu kotak teks lancar dan serta-merta mula pudar masuk dan bergerak ke atas apabila imej dile...

P粉757432491 2023-08-17 17:36:49 0  1  475

Vanilla JS setTimeout(): Mengenal pasti tingkah laku yang salah

Saya mempunyai animasi pada menu hamburger saya yang ditulis dalam HTML, CSS dan JavaScript vanila. Hasil yang dijangkakan Apabila anda mengklik butang menu hamburger, peristiwa berikut akan berlaku: Apabila anda mengklik ikon menu hamburger: utama berputar 180° dan mengecut sepanjang ketinggian pad...

P粉797855790 2024-04-02 20:44:40 0  1  402

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

Grid CSS: Buat baris baharu apabila kandungan kanak-kanak melebihi lebar lajur

Saya mempunyai susun atur dua lajur berdasarkan grid CSS. Apabila kandungan lajur kedua melebihi 1fr saya ingin mencipta baris baharu. Seperti yang sedia ada, kandungan hanya melimpahi lajur. Satu keperluan susun atur ini ialah item dalam lajur menu kanan berada dalam satu baris. Saya mencapai ini d...

P粉212114661 2023-09-05 15:18:28 0  1  557

html5 - masalah storan vuex dalam projek vue

Kesan pelaksanaan: Klik butang untuk menukar lebar menu kiri. Saya kini telah menggunakan Vuex untuk menyimpan medan IsOpen, dan kemudian kedua-dua komponen nav dan komponen menu telah memperoleh nilai awal medan Apabila butang komponen nav diklik, nilai IsOpen juga ditukar, tetapi nama kelas yang m...

迷茫 2017-06-27 09:19:31 0  2  871

javascript - slideToggle melaksanakan kesan menu lipatan, tetapi bagaimana untuk menyedari bahawa mengklik pilihan ini mengembang dan pilihan lain secara automatik runtuh?

Apa yang saya mahu capai ialah menu lipat, tetapi togol slaid hanya boleh diruntuhkan dengan mengklik padanya Apa yang saya mahu ialah mengklik pada pilihan lain dan menu yang dikembangkan akan runtuh secara automatik. Kodnya adalah seperti berikut: $("> li", ini).setiap(fungsi () {...

某草草 2017-07-05 11:06:06 0  3  937

Gaya CSS tidak digunakan pada tapak

Saya sedang membuat tapak web menggunakan Bootstrap5 tetapi sifat index.css tidak digunakan pada index.html. Apabila saya menuding pada kad perkhidmatan, latar belakang harus berubah, memberikan kesan peralihan. Sepatutnya dari ini ke ini. Walau bagaimanapun, saya fikir mungkin terdapat masalah deng...

P粉613735289 2024-04-06 17:12:23 0  1  516

javascript - Bagaimana untuk melaksanakan navigasi menu gelongsor kiri seperti QQ dalam vue, seperti yang ditunjukkan dalam kesan penukaran dua gambar di bawah

(www.sf.gg) ialah komuniti teknologi pembangun terkemuka China. Kami berharap dapat menyediakan platform pertukaran teknikal yang tulen dan berkualiti tinggi untuk peminat pengaturcaraan, belajar, berkomunikasi dan berkembang dengan pembangun serta mencipta era untuk pembangun!

滿天的星座 2017-06-29 10:09:57 0  1  885

Tajuk ditulis semula sebagai: Bagaimana untuk mengubah saiz teks dalam semua kawasan input (termasuk pendaftaran e-mel, kotak ulasan dan lungsur halaman indeks resipi) dalam CSS?

Tapak web: https://olivefordinner.com/ Mencari kod CSS yang akan menjadikan teks lebih besar apabila memasukkan e-mel anda untuk mendaftar di halaman utama. Ia terlalu kecil. Apabila meninggalkan ulasan pada siaran resipi (cth: https://olivefordinner.com/toasted-muesli-recipe/), bagaimana saya boleh...

P粉465675962 2023-09-14 15:17:43 0  2  620