Isi kandungan:

Apakah kesan hover?
Apakah kesan hover?

Video: Apakah kesan hover?

Video: Apakah kesan hover?
Video: Focus 3 turbo admision 2024, Mungkin
Anonim

Kesan Hover : Pop dan Latar Belakang Animasi. Kesan tuding untuk sesuatu produk. Imej muncul ke atas dan ke bawah, dan kemudian latar belakang meluncur keluar dan bernyawa.

Juga tahu, bagaimana anda membuat teks muncul apabila gambar sedang berlegar?

Cara Memaparkan Teks Animasi Di Atas Imej pada Hover menggunakan CSS3 sahaja

  1. Cipta HTML¶ Tambahkan imej anda menggunakan

    tag dan teks. Pertama, anda harus menambah imej anda menggunakan

    tag.

  2. Cipta CSS¶ Set:pemilih hover. Kesan hover ditetapkan menggunakan:hover pseudo-class yang memilih dan menggayakan elemen.

Seseorang juga mungkin bertanya, bagaimana anda menggunakan hover? Pemilih:hover digunakan untuk memilih elemen apabila anda mengarahkan tetikus ke atasnya.

  1. Petua: Pemilih:hover boleh digunakan pada semua elemen, bukan sahaja pada pautan.
  2. Petua: Gunakan pemilih:link untuk menggayakan pautan ke halaman yang tidak dilawati, pemilih:visited untuk menggayakan pautan ke halaman yang dilawati dan pemilih:active untuk menggayakan pautan aktif.

Di sini, bagaimana anda mengarahkan imej dalam CSS?

Jawapan: Gunakan sifat imej latar belakang CSS

  1. Tukar Imej pada Hover dalam CSS
  2. .card {
  3. lebar: 130px;
  4. ketinggian: 195px;
  5. latar belakang: url("images/card-back.jpg") tiada ulangan;
  6. paparan: inline-block;
  7. }

Bagaimanakah cara menghilangkan hover?

Untuk melumpuhkan kesan hover, saya mempunyai dua cadangan:

  1. jika kesan hover anda dicetuskan oleh JavaScript, hanya gunakan $. buka ikatan('legar');
  2. jika gaya tuding anda dicetuskan oleh kelas, maka hanya gunakan $. removeClass('hoverCssClass');

Disyorkan: