CSS3′te Degradeli Zemin Nasıl Yapılır?

0

Web tasarımın görsel stilini belirleyen CSS zaman içerisindeki gelişimini sürekli arttırıyor. CSS, CSS2 derken HTML5 ile hayatımıza giren CSS3 birçok görsel efekti web tasarımı kısmında bizlere kodlar vasıtasıyla sunuyor. Hal böyle olunca daha çabuk açılan ve daha rafine web tasarımı çalışmaları karşımıza çıkıyor.

Eski CSS sürümlerinde kullanmaya alışık olduğumuz renk geçişi arkaplan görselinin resim olarak kaydedilmesi de artık tarih oluyor. Degrade renk verilerek elde edilen renk geçişlerini artık CSS3′te kod ile yapmak mümkün. Gradient olarak da adlanrırılan bu renk geçişi efektini 2 satır kod ile yapılacak olması CSS’in geldiği noktayı gözler önüne seriyor.

CSS ile Gradient Arkaplan Nasıl Oluşturulur?

Aşağıdaki kod satırıyla CSS3′te degredeli zemin yapmak mümkün. Örnekteki gradient linear olarak verilmiştir. Dilerseniz radial(oval) olarak uygulama da yapılabilir.


background:-webkit-gradient(linear, 76% 26%, 10% 21%, from(#866400), to(#FFD500))

Benzer Yazılar

Yorum Yaz

*

"CSS3′te Degradeli Zemin Nasıl Yapılır?" 0 yorum yapıldı

Henüz yorum yazılmamış. Neden ilk yorumu sen yazmıyorsun?

Reklam ve Sponsorluk

  • Grafik Tasarım
  • Grafik Tasarım
  • Reklam Verin
  • Reklam Verin

Evden Tasarım Facebook’ta

Sosyal Medya