İçindekiler:

Hover efektleri nelerdir?
Hover efektleri nelerdir?

Video: Hover efektleri nelerdir?

Video: Hover efektleri nelerdir?
Video: #38 Pseudo Sınıflar ( hover , focus )[HTML, CSS, Flexbox , Bootstrap Eğitim Dersleri ] 2024, Mayıs
Anonim

Hover Etkisi : Pop ve Arka Plan Canlandırın. fareyle üzerine gelme efekti bir ürün için. Bir görüntü yukarı ve aşağı açılır ve ardından arka plan kayar ve canlanır.

Ayrıca, resim gezinirken metnin görünmesini nasıl sağlıyorsunuz?

Yalnızca CSS3 kullanarak Fareyle Üzerine Geldiğinde Bir Resmin Üzerinde Animasyonlu Metin Nasıl Görüntülenir

  1. HTML oluşturun¶ Resminizi kullanarak ekleyin.

    etiket ve metin. İlk olarak, resminizi kullanarak eklemelisiniz.

    etiket.

  2. CSS Oluştur¶ Set:hover seçici. Fareyle üzerine gelmenin etkisi, öğeyi seçen ve biçimlendiren:hover sözde sınıfı kullanılarak ayarlanır.

Ayrıca, vurguluyu nasıl kullanıyorsunuz? :hover seçici, fareyle öğelerin üzerine geldiğinizde öğeleri seçmek için kullanılır.

  1. İpucu::hover seçicisi yalnızca bağlantılarda değil, tüm öğelerde kullanılabilir.
  2. İpucu: Ziyaret edilmemiş sayfaların bağlantılarına stil vermek için:link seçiciyi, ziyaret edilen sayfalara bağlantılara stil vermek için:visited seçiciyi ve aktif bağlantıya stil vermek için:active seçiciyi kullanın.

Burada, CSS'de bir resmi nasıl gezdirirsiniz?

Cevap: CSS arka plan resmi özelliğini kullanın

  1. CSS'de Fareyle Üzerine Geldiğinde Resmi Değiştir
  2. .kart {
  3. genişlik: 130 piksel;
  4. yükseklik: 195 piksel;
  5. arkaplan: url("images/card-back.jpg") tekrarsız;
  6. ekran: satır içi blok;
  7. }

Hover'dan nasıl kurtulurum?

Fareyle üzerine gelme efektini devre dışı bırakmak için iki önerim var:

  1. vurgulu efektiniz JavaScript tarafından tetikleniyorsa, sadece $ kullanın. unbind('vurgu');
  2. vurgulu stiliniz sınıf tarafından tetikleniyorsa, yalnızca $ kullanın. removeClass('hoverCssClass');

Önerilen: