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.
Map location card with a pin marker, address, distance, and a get-directions link.
Epic-tier purple card with a charged arcane frame and crackling edge energy.
Out of stock card with a greyscale image, diagonal SOLD OUT banner, and restock note.
Bestiary entry card with a creature sketch, taxonomy, and danger rating.
NFT card with a generative art tile, token ID, and a floor price tag.
Mystical tarot card with arched frame, starry field, and an ornate roman numeral.
Game controller product card with a controller silhouette and spec list.