Neumorphic Card
Soft UI neumorphic card with dual light/dark shadows that presses in on hover.
Canlı önizleme herkese açıktır. Kod sekmeleri, kopyalama, kaynak API'si ve izole önizleme belgesi üyelik gerektirir.
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üzeltBu efektte kullanılan CSS teknikleri — her biri canlı örnekli bir rehbere ya da özelliğin referans sayfasına bağlanır.
<style> etiketine ekle.Kartlar kategorisindeki tüm efektler gibi bu efekt de tamamen ücretsizdir; ticari projelerde de kullanabilirsin. Kütüphanenin tamamı için Kartlar koleksiyonuna göz at.
Soft UI neumorphic card with dual light/dark shadows that presses in on hover.
Author bio card with a portrait avatar, name, role, and social links row.
Video preview card with a play button overlay, duration badge, title and view count.
Warning alert card with a colored left border, circular icon and a call-to-action button.
Card with diagonal origami fold panels that subtly shift on hover for a paper feel.
The top-right corner curls away like paper and reveals a coloured underside.
Pricing tier card with feature list and a featured highlight badge that lifts on hover.
Video game box-art card with a title banner, rating badge and platform list.