aikutto

Hardware, Software and Design

CSS3’te Renk Geçişi (Gradient) Nasıl Yapılır?

CSS3 ile birlikte gelen önemli özelliklerden biri de Gradient yani Renk Geçişleri… CSS3 öncesi renk geçişleri background-image ile yapılıyordu. CSS3 sonrasında ise yine background-image ile yapılıyor :). Önceden renk geçişini resim dosyasına kaydedip background-image: url(‘resim.jpg’) şeklinde çağırarak kullanmak gerekirken, artık CSS ile ifade edebiliyoruz. Gerisi web tarayıcımıza kalmış. Web tarayıcımız desteklediği sürece örneğin bir linkin arkaplan renginin yeşilden maviye geçiş yapmasını istiyorsak W3C (World Wide Web Consortium)’un standartlarına göre şu kodu kullanmamız gerekiyor;

a {
    background-image: linear-gradient(to bottom, #00FF00 0%, #0000FF 100%);
}

Read the rest of this entry »

Reklamlar
Yorum bırakın »