Cara Membuat CSS3 Animated Image Enlarge

CSS3 Animated Image Enlarge-2 menggunakan kode CSS yang sedikit berbeda dibandingkan CSS3 Animated Image Enlarge-1 karena dalam desain ini melibatkan kode css ul, li difungsikan untuk membuat gambar/image agar tidak berubah posisi ketika proses perubahan ukuran pada salah satu gambar terjadi. Dengan cara seperti ini tentunya tatanan blog menjadi tidak terganggu sama sekali.

Perlu menjadi perhatian, bahwa karena desain hanya menggunakan CSS3 maka jangan pernah berharap hasil yang terlihat ketika dibuka di Internet Explorer (IE) akan memperlihatkan hasil sama seperti halnya di browser lain. Sesuatu yang sama sekali tak mungkin karena hingga saat ini IE belum mampu mewujudkan bentuk kompabilitas terhadap CSS3 seperti yang lain. Meskipun demikian jangan jadi kekecewaan berlebih karena tak lama lagi tentunya IE akan segera menyesuaikan diri. Percayalah, sobat, karena jika ini tak terjadi maka tak ubahnya liang lahat telah digali sendiri. Hal yang tak mungkin terjadi, bukan?!

Sentuhkan cursor pada setiap gambar, maka akan terlihat 4 (empat) bentuk animasi yang berbeda menyertai perubahan ukuran gambar. Jika sampeyan ingin merubah bentuk animasinya, silahkan rubah beberapa kode CSSnya.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Untuk membaca tutorialnya silahkan buka dengan KLIK link di bawah ini:

Image Enlarger with Effects using CSS3

You can see other best tutorial below ...

Please open the links below to read the others bloggers tutorial who can complete the tutorials and demos on this blog.

1. gubhug reyot
2. Tanty Template Modification
3. bloggerstuars

Thank you for your visit!

Greeting