CSS ile yazılara gölge ekleme ve seçili alan rengi değiştirme

Css kategorimizin ilk içeriği olan bu konuda sizinle bir css dosyası yazmaya başladığınızda kullanmanız olası, kendimden örnek vermek gerekirse en sık kullandığım, genellikle her projemde yer verdiğim css ve css 3 komutlarını paylaşmak istiyorum. İlk olarak şu şekilde başlayabiliriz;

Text Shadow

Bu komut ile oluşturduğunuz yazıya gölge ekleyebilirsiniz. Bir çok sitede görebileceğiniz üzere yazılarda abartılı olmamak şartı ile shadow eklemek şık durabilir. Yazılara text shadow uygulamak için kullanmanız gereken en basit css kodu ise şu şekildedir;

.text {
text-shadow: #bbb 2px 2px 1px;
}

Dilerseniz buna 3 boyutlu görüntü kullanmak için ekstra özellikler ekleyebilirsiniz. Bunun için şu sayfada size detaylı makaleyi paylaşıyor olacağız.

Css ile seçili alanın arkaplan ve rengini değiştirme

Bu özelliğin yani ::selection css kodunu da görsel önem taşıyan hemen hemen tüm projelerimde kullanmaya özen gösteriyorum. Örneğin kırmızı ağırlıklı bir logo veya içerikten oluşan sitenizde seçim rengini kırmızı yaptığınızda daha şık bir görüntü elde edebiliyorsunuz. En azından klasik mavi olmasından daha hoş durduğu kanaatindeyim.

::selector css kodunu kullanmak için ise şu aşağıdaki gibi style dosyanıza kodları ekleyip kendi içeriğiniz doğrultusunda düzenlemeleri yapabilirsiniz.

::selection {color:white; background:#ff0000;}
::-moz-selection {color:white; background:#ff0000;}

Bu şekilde yazı rengini beyaz, seçim yani arkaplan rengini de kırmızı yapmış olduk. Benzer basit css ve css3 kodlarını sizlerle paylaşmaya devam edeceğiz.