Categories

Kali ini saya mau berbagi bagaimana caranya membuat animasi efek zooming image hover dengan jQuery, efek yang dihasilkan adalah dengan memperbesar gambar, jadi ketika gambar dihimpiri mose, gambar langsung memperbesar dirinya. Berikut ini javascriptnya : <script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js”></script> <script type=”text/javascript”> $(document).ready(function(){ $(‘.images img’).animate({width: 50}, 0); $(‘.images’).mouseover(function(){ gridimage = $(this).find(‘img’); gridimage.stop().animate({width: 100}, 150); }).mouseout(function(){ gridimage.stop().animate({width: 50}, [...]

Pernah nonton film The Matrix? saya sih pernah tapi gak pernah sampe full, selalu ketiduran Dalam film tersebut kita bisa lihat ada effect kata-kata atau tulisan berjatuhan dengan warna hijau dan latar belakang warna hitam (kalo ga salah sih itu juga) . Disini kita coba buat animasi seperti itu dengan teknik CSS3, sayangnya teknik seperti [...]