Canlı incele Hover
- Stok kodu
- hover-frost-freeze
- Lisans
- Ücretsiz
Canlı önizleme herkese açıktır. Kod sekmeleri, kopyalama, kaynak API'si ve izole önizleme belgesi üyelik gerektirir.
Üyelik gerekli
Kaynak kodu görmek için ücretsiz üye ol
HTML, CSS, React çıktısı, kopyalama ve tarayıcı editörü giriş yaptıktan sonra açılır.
Bu efektte bir sorun mu var, yoksa daha iyisini mi yazdın? Düzeltme gönder — onaylanırsa puan kazanırsın.
Sorun bildir veya düzeltKatkıda bulunanlar
LibraryCSSEfekti eklediKurucu
Kullanılan teknikler
Bu efektte kullanılan CSS teknikleri — her biri canlı örnekli bir rehbere ya da özelliğin referans sayfasına bağlanır.
Rehberler
- :hover:hover ve geçişlerle etkileşim efektleri
- ::before / ::after::before ve ::after ile katman kurma
CSS referansı
Frost Freeze nasıl kullanılır?
- 1. HTML parçasını sayfanda kullanmak istediğin yere yapıştır.
- 2. CSS bloğunu stil dosyana veya bir
<style>etiketine ekle. - 3. Renkleri ve süreleri kendi tasarımına göre değiştir — bağımlılık yok, saf CSS.
Hover kategorisindeki tüm efektler gibi bu efekt de tamamen ücretsizdir; ticari projelerde de kullanabilirsin. Kütüphanenin tamamı için Hover koleksiyonuna göz at.
Benzer hover efektleri
TümüCanlı incele Hover
Blinds Roll Up
Horizontal venetian blind slats roll up one-by-one to reveal content on hover.
Canlı incele Hover
Scale + Blur Background
Background scales up and blurs while a foreground panel focuses in.
Canlı incele Hover
Canlı incele Hover
Curtain Open
Two colored curtains split apart horizontally to reveal content on hover.
Canlı incele Hover
Shutter Close
Four triangular shutter blades sweep in from the corners to close over the panel on hover.
Canlı incele Hover
Shadow Clone
Two blurred echo clones offset diagonally behind the button on hover.
Canlı incele Hover
Pixel Grid Light
A fine grid of pixel dots lights up across the panel on hover.