ile kodlanmıştır.
Birçok web sitesi sahibi, şık ve özgün bir görünüm elde edebilmek adına, içeriklerinde yer alan yazılara gölge efekti uygulamayı tercih etmektedir. CSS ile "text-shadow" özelliğini kullanarak, oldukça kısa bir kod sayesinde bu işlemi kolaylıkla gerçekleştirebiliyoruz. Böylelikle ilgili metinlerdeki gölge rengini ve gölge derinliğini de dilediğiniz gibi ayarlayabilmektesiniz. Şimdi dilerseniz, aşağıdaki örnek kodu ve örneği inceleyerek, ilgili özelliğin nasıl kullanıldığını öğrenelim.
AYRICA: CSS ile Köşeler Oval (Yuvarlak) Nasıl Yapılır?
CSS Kullanarak Metinlere Gölge Efekti Verelim
Temanızın CSS dosyasına aşağıdaki kodu ekleyin.
.golgeliyazi {
text-shadow: 2px 2px 7px #999;
}
HTML sayfasına ise aşağıdaki kodu düzenleyerek ekleyebilirsiniz.
<div class="golgeliyazi">Bu bir gölge efekti uygulanmış metindir.</div>
Not: Gölge efekti uygulanmış bir metin örneği ise aşağıda yer almaktadır.
Yorum bulunmamaktadır.