Yeni Css ve JavaScript Teknikleri

3D Thumbnail Hover Effects With CSS

Bu teknikler sadece css tabanlı değildir, bu teknikler de html5 ve javascript ile birlikte  kullanılmaktadır. Web tasarım için bunları ayrı düşünmek olanaksızdır. Web sürekli kendini geliştiriyor, geliştikçe de web elementleri (html,css,javascript) kendini geliştiriyor. Bunlardan güzel örnekleri sizlerle paylaşmak istedim.

3D Thumbnail Hover Effects With CSS

Bu teknik Bu teknik Css 3D thumbnail hover efektleri üretir.Kod oldukça ayrıntılı ve optimize edilmesi gerekir ama bu haliylede düzgün çalışmaktadır.

3D Thumbnail Hover Effects With CSS

Slide In Image Boxes

Yazı kutucuklarına kayan resim ilave etme tekniği diyebiliriz. Gayet kullanışlı ve göze hoş gelen bir teknik.

Slide In Image Boxes tekniği

Resim Geçişleri için Deneysel Css3 Animasyonu

 

Bu teknikte  CSS3 ve jQuery kullanılarak 3-D resim geçiş örneğini göreceksiniz.

Resim Geçişleri Css3 Animasyonu

CSS3 Scrolling Effects

Css3 kullanılarak yapılan güzel bir scroll efekti.

css3 scroll efekti

İnteraktif CSS3 Işık efekti

Sanki flash ile oluşturulmuş gibi duran efekt, yeni css3 teknikleri kullanılarak oluşturulmuştur. Gayet göze hoş gelen bir çalışma ama browser’ı zorladığı aşikar.

İnteraktif CSS3 Işık efekti

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir