CSS3‘ün geliştirilen background tanımı sayesinde bir öğeye birden fazla arkaplan tanımlıyabiliyoruz. Bu bize özellikle transparan – png ve gif- görseller kullanmamız halinde çok büyük bir oyun sahası yaratıyor. Gelin bu tekniği kullanarak otoyolda ilerleyen bir araç animasyonu oluşturalım.
Bugün sizlerle sıradan bir div elemanına atayacağımız iki arkaplan ile küçük çaplı bir animasyon hazırlayacağız.
(daha&helliip;)
Bildiğiniz gibi CSS Border kullanarak çerçeveler oluşturabiliyorduk. Fakat çoklu çerçeve oluşturmaya kalktığımızda işler sarpa sarıyordu.
İşte tam bu esnada yardımımıza box-shadow koşuyor. Bu kod dizesi ile gölgelendirme yapabiliyoruz. Detayları için gölgelendirme konulu makalemi okuyabilirsiniz.
Gölgelendirme yaparken uyguladığımız blur efektini 0’a çekince gayet keskin bir görüntü elde ediyoruz. Bu teknik sayesinde istediğimiz kadar border oluşturabiliyoruz.
WordPress Kullanıcılarının En Sık Karşılaştığı Hatalar ve Çözümleri
Sitenize Kolayca Slider Ekleyin
Photoshop’u Türkçe Yapma, Türkçeleştirme
Kolayca fotoğraflarınızın kalitesini arttırın!
CSS Renk İsimleri
CSS ile Açılıp Kapanabilen Haber Kutucukları
Photoshop ile Metalik Yazı Efekti #1
Photoshop ile Fotoğraf Eskitme
Photoshop’a Alternatif 10 Resim Editörü