Apa itu efek hover?

2024 Pengarang: Lynn Donovan | [email protected]. Terakhir diubah: 2023-12-15 23:48

Efek Arahkan : Pop dan Background Animate. efek arahkan untuk sebuah produk. Gambar muncul ke atas dan ke bawah, lalu latar belakang meluncur keluar dan bernyawa.

Juga tahu, bagaimana Anda membuat teks muncul saat gambar melayang?

Cara Menampilkan Teks Animasi Di Atas Gambar saat Arahkan kursor hanya menggunakan CSS3

1. Buat HTML¶ Tambahkan gambar Anda menggunakan

   tag dan teks. Pertama, Anda harus menambahkan gambar Anda menggunakan

   menandai.

2. Buat CSS¶ Setel:hover selector. Efek hover diatur menggunakan:hover pseudo-class yang memilih dan menata elemen.

Orang mungkin juga bertanya, bagaimana Anda menggunakan hover? Pemilih:hover digunakan untuk memilih elemen saat Anda mengarahkan mouse ke atasnya.

1. Tip: Pemilih:hover dapat digunakan pada semua elemen, tidak hanya pada tautan.
2. Tip: Gunakan pemilih:link untuk menata tautan ke halaman yang belum dikunjungi, pemilih:visited untuk menata tautan ke halaman yang dikunjungi, dan pemilih:active untuk menata tautan aktif.

Di sini, bagaimana Anda mengarahkan gambar di CSS?

Jawaban: Gunakan properti CSS background-image

1. Ubah Gambar saat Arahkan kursor ke CSS
2. .kartu {
3. lebar: 130 piksel;
4. tinggi: 195 piksel;
5. background: url("images/card-back.jpg") no-repeat;
6. tampilan: blok sebaris;
7. }

Bagaimana cara menghilangkan hover?

Untuk menonaktifkan efek hover, saya punya dua saran:

1. jika efek hover Anda dipicu oleh JavaScript, cukup gunakan $. unbind('arahkan');
2. jika gaya hover Anda dipicu oleh kelas, maka gunakan saja $. removeClass('hoverCssClass');