TUTORIAL™

By bloggertutoria.blogspot.com Editing Selladrt

By bloggertutoria.blogspot.com Editing Selladrt

By bloggertutoria.blogspot.com Editing Selladrt

Postingan Kali Ini 






Tentang Memasang Berputar ikon menggunakan CSS transform
Efek yang tampaknya muncul dengan frekuensi meningkat adalah gambar berputar, atau lebih tepatnya, ikon. Gerakkan mouse di atas ikon, dan berputar (berputar) pada porosnya untuk menarik perhatian pada dirinya sendiri. Hal ini diwujudkan dengan menggunakan CSS3 ini transform: rotate (xdeg) properti. Dengan ini Anda dapat memutar elemen sejumlah derajat, searah jarum jam atau counter jam bijaksana, dan apakah untuk melakukannya satu atau kedua cara perubahan negara. Mari kita melihat beberapa contoh (terbaik dilihat dalam (IE10 +, FF3.5 +, Chrome / Safari, dan Opera 10 +):

360 derajat spin onmouseover dan onmouseout

 Gelar positif dalam mentransformasikan: memutar (xdeg) berputar searah jarum jam elemen, sedangkan negatif (yaitu:-360deg) berputar berlawanan itu sebagai gantinya. Untuk menghidupkan properti ini sehingga elemen benar-benar berputar ke posisi, juga memanfaatkan properti transisi CSS3 itu. Dimana properti kemudian didefinisikan mempengaruhi apakah animasi dimainkan dua arah atau hanya selama keadaan onMouseOver. Lihat CSS di bawah ini untuk semua seluk-beluk.

Langkah 1
Silakan Css Nya Di DOWNLOAD Sob
t


Langkah 2 Kalu Mau Cukup Satu Icon Copy Code Yang Di Bawah ini Sobat

 <h3 id="csscodetitle"> By bloggertutoria.blogspot.com Editing Selladrt </h3> <p id="socialicons"> <a href="http://bloggertutoria.blogspot.com/feeds/posts/default?alt=rss"> <img border="0" src="http://selladrt.wap.sh/Puter/rss.png" width="64" height="64"></a> <a href="http://bloggertutoria.blogspot.com/"> <img border="0" src="http://selladrt.wap.sh/Puter/delicious.png" width="64" height="64"></a> <a href="https://www.facebook.com/sella.drt"> <img border="0" src="http://selladrt.wap.sh/Puter/facebook.png" width="64" height="64"></a> <a href="URL"> <img border="0" src="http://selladrt.wap.sh/Puter/twitter.png" width="64" height="64"></a> <a href="URL"> <img border="0" src="http://selladrt.wap.sh/Puter/yahoo.png" width="64" height="64"></a></p>

 Langkah 3 Kalu Anda Ingin Ada Dua Icon Tambahkan Code Di Bawah Ini Sobat

 <p> <b>60 degree spin onMouseover and onMouseout</b></p> <p id="socialicons2"> <a href="http://bloggertutoria.blogspot.com/feeds/posts/default?alt=rss"> <img border="0" src="http://selladrt.wap.sh/Puter/rss.png" /></a> <a href="http://bloggertutoria.blogspot.com/"> <img border="0" src="http://selladrt.wap.sh/Puter/delicious.png" /></a> <a href="http://bloggertutoria.blogspot.com/"> <img border="0" src="http://selladrt.wap.sh/Puter/facebook.png" /></a> <a href="http://bloggertutoria.blogspot.com/"> <img border="0" src="http://selladrt.wap.sh/Puter/twitter.png" /></a> <a href="http://id.yahoo.com/"> <img border="0" src="http://selladrt.wap.sh/Puter/twitter.png" /></a> </p>


Langkah 4 Klu Mau Sobat Tiga Icon Tambahkan Juga Code Yang Di Bawah Ini Sob

 <p> <b>By bloggertutoria.blogspot.com Editing Selladrt </b></p> <p id="socialicons3"> <a href="http://bloggertutoria.blogspot.com/feeds/posts/default?alt=rss"> <img border="0" src="http://selladrt.wap.sh/Puter/rss.png" width="64" height="64"></a> <a href="URL"> <img border="0" src="http://selladrt.wap.sh/Puter/delicious.png" width="64" height="64"></a> <a href="https://www.facebook.com/sella.drt"> <img border="0" src="http://selladrt.wap.sh/Puter/facebook.png" width="64" height="64"></a> <a href="URL"> <img border="0" src="http://selladrt.wap.sh/Puter/twitter.png" width="64" height="64"></a> <a href="URL"> <img border="0" src="http://selladrt.wap.sh/Puter/yahoo.png" width="64" height="64"></a></p> Hasilnya Seperti Yang Di Atas Sobat..
Setiap Gambar Hasilnya Berbeda Cara Berputernya Sob Jadi Kmu Bisa Pilih Suka Yang Manah Heheheh Sekian Dulu Postingan Dariku Sobat Semoga Berguna Buat
Sobat Semuah Amin...?