Eskiden JavaScript ve Flashla yapmakta olduğumuz bir çok işlevi şimdi Css3 gelen yeni özellikler sayesinde fazla kod yazmadan pratik bir şekilde yapma imkanına kavuşuldu.
Bu özelliklerin başında Css3 geçiş (Transitions) efektleridir. Bu yazımızda da resimlere verilen hover efektleri konusunda örnek vermeye çalışacağım.
Bu efektde, mausla resmin üzerine gelindiğinde resim yukarı çıkarak kaybolacak ve gizlenmiş olan resim yazısı ise açığa çıkacaktır.
İlk efektimizi oluşturalım. Önce HTML kodlarımızı yazalım. Efektlerimizi sırasız liste şeklinde göstermek üzere container divinin içine ul li yapısı oluşturuyorum.