Gölge ile metin stil verme
Selam, html/js/ts'de bazı metinleri Figma'daki bir tasarıma uyacak şekilde stilize etmeye çalışıyorum ama "gölge" metninin kenarlarını yuvarlamayı başaramadım. Metin konturu ve metin gölgeleri denedim ama pek işe yaramadı, bu yüzden pseudo element before ve css stilleri -webkit-background-clip + -webkit-text-stroke kombinasyonuna gittim. İşte ekran görüntüsünde kullandığım kod:
Metin: background: #000; -webkit-background-clip: text; -webkit-text-stroke: 2px transparent;
Pseudo element: top: 1px; color: transparent; background: #000; -webkit-background-clip: text; -webkit-text-stroke: 2px transparent;
Bunu düz css ile yapmanın bir yolu var mı yoksa SVG'ler mi kullanmam gerekiyor? Şimdiden çok teşekkürler!
1 Yorum
Önerilen Yorumlar
Bir hesap oluşturun veya yorum yapmak için oturum açın
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountGiriş yap
Zaten bir hesabınız var mı? Buradan giriş yapın.
Şimdi Oturum Aç