Rabu, 24 April 2013

Add Dynamic Rotate Effect in Blogger use CSS3

Koben mau berbagi trik ekstrim nih. Sangkin ekstrimnya bisa membuat para pengunjung blog kalian melongo :d Saya akan memberitahukan bagaimana cara membuat blog kita berputar-putar 360° Tenang saja, tapi berputarnya tidak akan terus menerus, cuma satu kali putaran penuh setiap membuka konten yang ada pada blog kita ;))
Karena trick ini sangar extreme, tetapi tidak dengan kodenya! Kita hanya perlu memasukan segelintir kode CSS saja dengan metode
Add a Gadgetadd-a-gadgetHTML/JavaScripthtml-javascriptScreenshotDynamic-Rotate-Effect-in-Blogger-use-CSS3Kodenya bos
<style>
@-moz-keyframes roll {
100% {
-moz-transform:rotate(360deg);
}
}
@-o-keyframes roll {
100% {
-o-transform:rotate(360deg);
}
}
@-webkit-keyframes roll {
100% {
-webkit-transform:rotate(360deg);
}
}
body {
-moz-animation-name:roll;
-moz-animation-duration:4s;
-moz-animation-iteration-count:1;
-o-animation-name:roll;
-o-animation-duration:4s;
-o-animation-iteration-count:1;
-webkit-animation-name:roll;
-webkit-animation-duration:4s;
-webkit-animation-iteration-count:1;
}
</style>
Happy coding \m/
Resource: www.allbloggertips.com/2013/04/add-dynamic-and-cool-rotate-effect-in.html

Tidak ada komentar:

Posting Komentar