CSS3 Gradient Kullanımı

CSS3’ün gelişi ile birlikte işimizi kolaylaştıran en önemli özelliklerden biri de hiç kuşkusuz genellikle arkaplanlar için kullanılan renk geçişi (gradient) kullanımıdır. CSS3 ile birlikte sadece arkaplanlar için değil başta butonlar ve yazılar olmak üzere daha bir çok nesne için de bu özellik kullanılabiliyor. Böylece hem fazladan resim dosyası kullanmamış oluyoruz hem de retina ekranlar için kolaylık sağlamış oluyoruz. Üzücü olan, İnternet Explorer 9 ve önceki sürümlerinde ne yazık ki gradient desteği yok fakat diğer tarayıcılar için ve İnternet Explorer 9 ‘dan sonraki sürümler için herhangi bir sorun yok. CSS3 Linear Gradient İlk olarak linear gradient kodlarının nasıl kullanıldığına aşağıdan göz atalım:…

Devamını Oku ›

CSS ile Resim Efektleri

Web sitemize eklediğimiz resimlere CSS ile ne gibi etkiler yapabiliriz burada bunlardan bahsedeceğim. Aklıma gelenlerden bir liste yapmaya çalışırsam, CSS ile resme: Çerceve içine alma Şeffalıklık Köşelerini oval yapma Gölgelendirme Siyah-beyaz veya sepya yapma Bulanıklaştırma Kontrast ayarlama gibi birçok işlem uygulayabiliriz. Şimdi bu işlemlerimizi nasıl uyguladığımızı görelim. Orijinal resmimiz aşağıdaki gibidir. CSS ile Resmi Çerçeve İçine Alma (Border) Kullanımı şu şekildedir: border: kalınlık renk stil; Örnekler: border: 2px black solid; border: 1px red dotted; border: 2px #53CCAA dashed; border: 3px #AA3D11 double; border: 3px orange groove; border: 3px orange ridge; border: 4px #00CDCD inset; border: 4px #00CDCD outset;   CSS…

Devamını Oku ›
kod.gen.tr