Dari membaca artikel tersebut menemukan satu web berkebangsaan perancis, dimana kontennya berisi artikel sekitaran dunia CSS3! Sampai menu bergaya lavalamp dibikin memakai CSS 3 ^:)^
CSS3 Create nama web itu sobat. Indah webnya sob, adem ngeliatnya :x Karena demonya lumayan memakan tempat, maka dibeginikan saja penempatannya ;) :D Hover/sorot pada gambarnya ya
30 degrees X and 10 degrees Y: |
negatively 20 degrees X and 15 degrees Y: |
30 degrees X: |
10 degrees Y: |
Original article you can read here my bro skewing web page elements using the css3 skew transform. Penjelasan dan kode sudah cukup jelas. Yang sobat perlu perhatikan adalah penulisan markup HTML (syntax image)!
<img src="http://LINK-YOUR-IMAGE.jpg" alt="" class="skewer " onmouseover="this.className='skewer skewed '" onmouseout="this.className='skewer '" />
Beres satu, masih ada lagi dong trick image lain full stylish :)) Tidak tanggung datang dari web panutan Smashing Coding. Karena lumayan banyak demo yg akan kalian lihat, Koben sengaja buatkan halaman khusus di blog keren aku yg lain :"> Demo CSS 3D Transforms. Disini kalian bisa melihat penjelasan & kode² nya ;)) Adventures In The Third Dimension: CSS 3D TransformsHappy trick image \m/
Tidak ada komentar:
Posting Komentar