Code Tutorial | Gambar Berputar

Tutorial ni atas request blogger dari seberang,INDRA

Ketika aku buat tutorial ni gambar header aku pada homepage aku pasang efek ni.. memang pelik jugak bila letak mouse pada header tu gambar tu akan berputar..

Simple ja coding dia ni.. terpulang dari anda untuk menggunakannya..

Code di tulis seperti berikut

<style type='text/css'>
#polsking img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;margin:0 auto;}
#polsking img:hover{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
</style>

<div id='polsking'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOQJoJc4x4KJtDwl-jpNqk3BLE40l_F33eRAeD25V12dUi7-LmG0FVPcVahBGt_ocitfJOxzJj4eLi4tOZy5BT8kztIC-DL3jLpDqpfnyMryoO_fzUfycrA5kx9FT0kwOxxD-j3eUlGuiz/s1600/CATT.png' style='margin-bottom:-70px;'/></div>

Link gambar yang tulisan kaler kuning tu

Demo

Pandai2 la edit k.. ehehehe