daha önce birçok kez duymuşsunuzdur: biz web geliştiricileri olarak, bu işi yapanlar olarak değişimin uçurumundayız. css3 ve html5 gibi geleceğin standartları işlerimizi büyük ölçüde değiştireceğe benziyor.css3’ün nasıl etkilediğini aşağıdaki örneklerde görebilirsiniz.1- güneş sistemimiz
bu örnekte css3’ün sborder-radius, transform ve animation özellikleri kullanılarak güneş sistemimizin bir modellemesi yapılmış. ayrıca güzel bir tooltip de kullanılmış, yan tarafta yazan gezegen isimlerinin üzerine gelince açıklaması çıkıyor. bu örneğin nasıl yapıldığına buradanbakabilirsiniz. bu animasyon sadece google chrome ve safari’de çalışıyor.2- Flash reklamlar yerine CSS3 reklamlar
animasyon dünyasında flash’ın adı çıkmış, istenilse css3 ile de aynı güzellikte animasyonlar yazılabilir. bu örnekte birkaç flash reklam css3 ile yapılmaya çalışılmış, çok da güzel olmuş. ama şimdilik firefox ile çalışmıyor, chrome ile deneyebilirsiniz.3-CSS3 Man
bu animasyon çok sağlam olmuş. spiderman’den esinlenilerek yapılmış. önyükleme için bir parça jquery ve ses için de html5 kulanılmış. bunun geliştiricisi nasıl yaptığına dair de bir açıklama yazmış.4-hollywood’dan bir adam
bu örnekte bir konuşma sahnesi yazılarla canlandırılmış(kinetic typography). sanki flash ile yapılmış gibi. fakat tamamen css değil bazı yerlerinde javascript de kullanılmış.5-Anigma
web tabanlı video oyunları genelde flash ve bazen de silverlight ile yapılır. bu örnekte ise css3 ve html5 in nimetlerinden faydalanılarak web tabanlı bir video oyun yazılmış.6-animasyonlu foto galeri
gayet hoş bir galeri olmuş. güzel bir görsel efekte sahip. nasıl yapıldığı hakkında bilgi sahibi olmak için buraya bakabilirsiniz.7- css3 müzik player
html5 in ‘audio’ ve ‘video’ api’ leri kullanılarak yapılmış bir müzik player. bu örnek sayesinde css3 ile nasıl kullanıcı arayüzü yapıldığını görebilirsiniz.8- css3 ile kayan plak
bu animasyonda bir günün nasıl geçtiği hızlıca betimlenmiş.10- yapraklar dökülüyor
sanki flash’la yapmışlar. yapraklar dalgalanarak aşağı düşüyor.kaynak: six revisions
