user online | Hits | Your Ip adress:
| Your Browse: |

Friday 16 March 2012

Home » » Membuat Effect Senget Untuk Images

Membuat Effect Senget Untuk Images

tutorial membuat link & Images senget apebila dilakukan cursor...





Tutorial


  1. Design  >  Edit HTML  >  [Ctrl + F ] untuk cari code > cari code di bawah
  2. a:hover {
  3. kemudian anda copy code di bawah ini > paste di bawah code   a:hover { 
  4. transform: rotate(7deg); -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg);
  5. kemudian anda perlu mencari code dibawah ini pula
  6. a:link {
  7. paste code bawah ini di bawah code a:link
  8. transition: transform .5s ease-in; -moz-transition: -moz-transform .5s ease-in; -o-transition: -o-transform .5s ease-in; -webkit-transition: -webkit-transform .5s ease-in;
  9. step terakhir > cari code ini
  10. ]]></b:skin>
  11. paste kan code di bawah ini di atas  ]]></b:skin>

  12. .post img{ transition: transform .5s ease-in; -moz-transition: -moz-transform .5s ease-in; -o-transition: -o-transform .5s ease-in; -webkit-transition: -webkit-transform .5s ease-in; } .post img:hover{ transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -webkit-transform: rotate(5deg); }
  13. Preview dlu > jika tiada error > baru save...
Share this story :

0 comments: