Locked Achievement Card
Locked achievement card with a padlock, blurred reward, and unlock hint.
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.
Locked achievement card with a padlock, blurred reward, and unlock hint.
Warning banner card with a triangle icon, amber stripe, and an action link.
RPG dialog box card with a portrait, scrolling text, and a continue arrow.
Mystic card with a slowly rotating rune circle and a glowing central sigil.
Trophy card with a golden cup, glowing aura, and a pedestal nameplate.
Early bird offer card with a sunrise gradient, bird glyph, and countdown timer.
Reminder card with a bell icon, snooze option, and a soft pastel background.
Legendary card with a rotating golden aura, ornate corners, and a hero portrait.