Css3 – Web bulutu Skip to main content
fotograflari-responsive-yapmak

Resimleri veya fotoğrafları responsive uyumlu hale getirme.

Bu yazımda sizlere web sitenizde kullandığınız  fotoğrafları responsive hale getirmek için bir kaç önemli detay sunacağım. İlk olarak dikkat etmemiz gereken detay; Resimlerin boyutlandırılması yapılırken, px cinsinden ölçü vermek yerine % değer üzerinden boyutlandırma yapacağız.   Aşağıda paylaştığım kodlarda dikkat edersiniz, fotoğrafın width ve height değerleri 100% üzerinden verilerek resim tam ekranda responsive olarak yerleştirilmiş. […]

Devamını Oku

css3 animasyon yapımı

Css3 animasyon yapımı / Animation Css

Bu dersimizde Css 3 ile gelen animasyon yapımına değineceğiz. Eskiden css teknolojisi bu kadar gelişmemişken, animasyonlar genelde flashlar ile hazırlanırdı 🙂 2008 Dönemlerinde web sitelerimiz daha kaliteli görünsün diye kullanmadığımız flash programları neredeyse yoktu. Son yıllarda flash kullanımı neredeyse tarih oldu diyebiliriz. Sebebine gelirsek, işletim sistemlerini aşırı yorması bir kenara dursun, apple’ın ürünlerinde flash içeriklere […]

Devamını Oku

css3-multiple-backgrounds

Multiple backgrounds CSS3

Css3 ile gelen multiple background özelliği sayesinde, aynı elemente birden fazla arka plan görüntüleri eklenebiliyor. Kullanımı da oldukça basit. Yapmanız gereken sadece css değerlerini “,” ile birbirinden ayırmak. Aşağıda tek bir background özelliği tanımlanmış kutu id’sine sahip bir div görüyorsunuz. ?View Code TEXT#kutu{ width:500px; height:300px; background-image:url(1.png); background-repeat:no-repeat; background-position:top left; background-size:100px 100px; } Gelelim birden fazla […]

Devamını Oku