Little Cute Girl
Disclaimer
Sweet Owner

Sarah-Terengganu,Malaysia
13 y/0
Hello to all of the  かわい人 ! Enjoy my tutobies along with my story. You can leave your footsteps in the cbox below. Follow me if you think my blog is cute! LOL XD


Menu
Blueiy Button
POST CBOX


Click the word above! Don't forget to leave your footprints in the cbox!



Followers
My Friends

Credits
Leg's Note
Template 100% made by Atin Tory. This blog is edited and own by AzuNyan. Thanks a lot to C U T E for helping me.
Tutorial : Image Hover #5
Monday, May 13, 2013 | 6:36 AM | 0 comments


Sori sangat2 sebab daa lame tak update..hari tu saye cakap nk update tuto lepas balik skolaa hari selasa..tapi letih sangat..sori! huuhu..kk..hari ni saye nk ajar camne nk wat tuto image hover yg macam kat bawah ni..btw..saye credit tuto dan image kat bawah ni kat kak tieqa k?



1. Dashboard>Template>Edit Template HTML.
2. Tekan Ctrl+F and cari </style>.
3. Then korang copy code kat bawah nih.


#card { -webkit-transform-style: preserve-3d; -webkit-perspective: 1000; width: 100px; height: 100px; position: relative; margin:0px; } .back, .front { position: absolute; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s ease-in; width: 100%; height: 100%; font-family:verdana; color: #000; font-size:8px; } .back { -webkit-transform: rotateY(180deg); background: #000000; overflow: hidden; } .front { } #card-container { display: inline-block; text-align: justify; } #card-container:hover .back { -webkit-transform: rotateY(0deg); } #card-container:hover .front { -webkit-transform: rotateY(-180deg); }

4. Paste di atas code </style> tuh.
5. Ok..lepas tu korang copy code kat bawah ni plak.
<div id="card-container"><div id="card"><div class="back"><center> <br/><br/><br/><br/>AYATKORG<br/></div> <div class="front"><img src="URLIMG"></div></div></div>
6. Paste code kat atas ni dekat mane2 je korang nak..contohnya kat sidebar ke..about section ke..haa..suka hati korang laa...bak kate orang teganu nih..boleh belake! LOL
7. Preview & Save.
8. Done!

Merah : Ayat
Oren : URL Image
Pink : Warna background



kalau ade masalah tanye je k? esok nk berblogging dalam kelas ICTL! yeah!! LOL




Older Post | Newer Post