CSS3'ün güzel nimeti gradient'i kullanmamızı kolaylaştıran yüzlerce güzel servisten birisi olan Gradient Scanner ile yüklediğimiz herhangi bir resimdeki renk geçişinin CSS kodunu alabiliyoruz. Resmi yüklüyoruz ve "next" butonundan kodumuzu alıyoruz. Hepsi bu kadar.

CSS3'ün nadide özelliklerini gün geçtikçe birlikte görüyoruz. Bazı arkadaşlarımız ise bizden daha fazla uğraştıkları için ortaya ilginç ama güzel şeyler çıkarıyorlar. Onlardan biri de birazdan sizleri göndereceğim listedeki kare, çember, oval şekiller, üçgen, pacman ikonu ve diğer şekillerden görebileceğiz. Işınlan

CSS3 ile birlikte işlerimizi grafik kullanmadan büyük ölçüde kolaylaştıran border-radius, box-shadow, background-gradient ve opacity özelliklerini aynı anda kod yazmadan görsel olarak ayarlamamıza izin veren CSS3.me aynı zamanda internet explorer 7 ve 8 için destek veriyor. Mutlaka yer imlerinde olması gereken servis tamamen ücretsiz.

CSS3 içeriğinde yer alan; gölgelendirme, oval köşe, yazı gölgelendirmesi, döndürme, gradient, görünürlük, çerçeve gibi özellikleri denemek üzere CSS3 Playground'a bir uğrayabilirsiniz. Yapılan etkilerin CSS kodunu da beraberinde alarak kendimizi geliştirmek de mümkün.

CSS3 ile gelen gradient özelliğini kullanmak için birçok servis kuruldu. Buradaki serviste jQuery kullanılarak hazırlanmış renk paleti üzerinden seçilecek iki renk ile gradient geçişimizi oluşturuyoruz. Show CSS butonu ile de CSS kodunu alıp projelerimizde kullanabiliyoruz. Bu tür servislerin yaygınlaşması geliştiriciler açısından zaman tasarrufu s..

CSS3 ile gelen yeniliklerden birisi de renk geçişleri dediğimiz gradient nesnelerinin resim dosyası kullanmadan yapabilmemizdir. Hem sitelerin bant kullanımını düşürme hem de hızlı açılması açısından önemli bir gelişme bu özelliği kullanım ise oldukça kolay. Kod kullanımı yerine renklerini seçtiğimiz taktirde bunu bizim yerimize oluşturacak, ort..

CSS3 ile birlikte hem kodlayanlara çok büyük kolaylıklar geldi hem de kullanıcılara birçok avantaj sağlandı. Kendi resmimizi kullanabileceğimiz çerçeve deseninden arkaplan boyutlarını ayarlamaya, kutuları döndürmeye kadar çok güzel özellikler eklendi. CSS3 Click Chart tüm bu yeni CSS3 özelliklerini gösteren çok güzel bir yol gösterici. Galeri şekli..

Web sayfalarında görsel açıdan önemli yer tutan öğelerden birisi de oval köşelerdir. Oval köşelerin tasarım aşamasında çizimi basit olsa da kod dökümünde oldukça sıkıntı verenek bir olaydır.  CSS3'e kadar her köşeye bir resim atayıp oval görüntüyü bu şekilde elde ediyorduk. Ancak bu durum gereğinden fazla kodu, gereksiz resimleri de yanında getiriy..

CSS3'ün ne gibi nimetler getireceğini biliyoruz. Bunlardan birisi de resimler ve biçimlendirmeler üzerine. CSS-Tricks de CSS3'den yararlanıp jQuery ve HTML5 yardımıyla çok güzel bir resim galerisi örneği yapmışlar.  Galeri önizlemesinde üzerine geldiğimiz resim büyüyor veya eğimli duran resim düz hale geliyor. Mantık olarak eğik durması ve üzerine ..