Wednesday, December 26, 2012

Tutorial : Putar dan eh?


Hai dan Assalammualaikum.
Kalini tutorial image hover putar dan hilang! Mcm menarik ja? Ha, try la.

Blogskins | Classic template

  • Paste codes yg akan disediakan sebelum code </style>

img {-webkit-transform: rotate(0deg) scale(1);-moz-transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;}img:hover{-webkit-transform: rotate(360deg) scale(0);-moz-transform: rotate(360deg) scale(0);-o-transform: rotate(360deg) scale(0)}


Template designer

  • Paste tu sebelum ]]></b:skin> 

.post-body img {-webkit-transform: rotate(0deg) scale(1);-moz-transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;}.post-body img:hover{-webkit-transform: rotate(360deg) scale(0);-moz-transform: rotate(360deg) scale(0);-o-transform: rotate(360deg) scale(0)}

3 comments:

♥♥LollypOp♥♥ said...

xdk contoh gmbar ye? :)
sbb takot nnti da apply jd lain~
sy still pkai template lma~

Mas Erma Azni said...

@♥♥LollypOp♥♥ Xde la pulak. Kalau nk buad make sure copy dulu coding lama pastu baru buat tutor ni tau? :) Tutor ni buad img awk hover putar dan terus hilang :)

♥♥LollypOp♥♥ said...

@Mas Erma Azni
thanks~ :)