Go! Blog

CARA MEMBUAT WIDGET BERGETAR

Salam Malam sob ..
oke kali ini gue mau share tricks lagi nih yaitu tentang (baca aja judul)
CARA MEMBUAT WIDGET BERGETAR

Demo bisa diliat dan di tes langsung, arahkan mouse sobat ke kotak pemberitahuan "Gunakanlah Google Chrome Agar Sempurna"

gimana?? tertarik untuk mencoba?? kalo iya,gini cara bikinnnya :


  • Pertama,Cari kode </head>
  • Trus taruh kode ini di atasnya
<style>
#idcss{animation-name: getar-ut;
-moz-animation-name: getar-ut;
-webkit-animation-name: getar-ut;
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;}
<script src='http://goo.gl/Yj07U' type='text/javascript'/>
</style>

  • Ganti "idcss" dengan id css yang ingin sobat Getarkan 
  • Save aja lagi :v
Dibikin menjadi hover,active,dll juga bisa. kreasikan aja sendiri ya :v
demian  CARA MEMBUAT WIDGET BERGETAR selamat mencoba
sumber:: http://altecdz.blogspot.com/2013/03/cara-bikin-widget-bergetar.html

0 komentar:

Diberdayakan oleh Blogger.