Post Bergetar Saat di Sorot Mouse

Mungkin Trick ini hanya secara kebetulan saja saya dapatkan dari google.Nih Original Trick ini adalah : Dhecun. Dengan di Edit Sedikit. Trick ini Mungkin banyak cssnya..
Dan Jika ingin lihat demonya silahkan Sorot Gambar di Blog Ini (post). Langsung aja yah sob..

- Login Ke Blogger

- Masuk ke Menu Template

- Lalu Cari kode ]]></b:skin> letakan kode dibawah ini tepat diatas kode ]]></b:skin>

* Efek getar by MaverickZetta */

.post img:hover {

animation-name: x-gengetar;

-moz-animation-name:  x-gengetar ;

-webkit-animation-name:  x-gengetar;

animation-duration: 0.8s;

-moz-animation-duration: 0.8s;

-webkit-animation-duration: 0.8s;

transform-origin:50% 50%;

-moz-transform-origin:50% 50%;

-webkit-transform-origin:50% 50%;

animation-iteration-count: infinite;

-moz-animation-iteration-count: infinite;

-webkit-animation-iteration-count: infinite;

animation-timing-function: linear;

-moz-animation-timing-function: linear;

-webkit-animation-timing-function: linear;

}

@keyframes  x-gengetar  {

0% { transform: translate(2px, 1px) rotate(0deg); }

10% { transform: translate(-1px, -2px) rotate(-1deg); }

20% { transform: translate(-3px, 0px) rotate(1deg); }

30% { transform: translate(0px, 2px) rotate(0deg); }

40% { transform: translate(1px, -1px) rotate(1deg); }

50% { transform: translate(-1px, 2px) rotate(-1deg); }

60% { transform: translate(-3px, 1px) rotate(0deg); }

70% { transform: translate(2px, 1px) rotate(-1deg); }

80% { transform: translate(-1px, -1px) rotate(1deg); }

90% { transform: translate(2px, 2px) rotate(0deg); }

100% { transform: translate(1px, -2px) rotate(-1deg); }

}

@-moz-keyframes  x-gengetar  {

0% { -moz-transform: translate(2px, 1px) rotate(0deg); }

10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); }

20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }

30% { -moz-transform: translate(0px, 2px) rotate(0deg); }

40% { -moz-transform: translate(1px, -1px) rotate(1deg); }

50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); }

60% { -moz-transform: translate(-3px, 1px) rotate(0deg); }

70% { -moz-transform: translate(2px, 1px) rotate(-1deg); }

80% { -moz-transform: translate(-1px, -1px) rotate(1deg); }

90% { -moz-transform: translate(2px, 2px) rotate(0deg); }

100% { -moz-transform: translate(1px, -2px) rotate(-1deg); }

}

@-webkit-keyframes  x-gengetar  {

0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }

10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }

20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }

30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }

40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }

50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }

60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }

70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }

80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }

90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }

100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }

}

- Cari Kode </body> lalu letakan kode dibawah ini tepat diatas kode </body>

<script src='http://x-gen.googlecode.com/files/x-gengetar.js' type='text/javascript'/>

 - Simpan Template

Hanya itu saja yang saya bisa berbagi..
Sekian dan Semoga bermanfaat..

Tweet

Ditulis Oleh: Unknown di 3:24 AM