Tuesday, 7 May 2013

Tutorial : Image Hover 6 (Marquee)




Assalamualaikum . Tutorial kali ni aimi nak ajarkan image hover . Bila korang halakan cursor dekat gambar , gambar tuh akan lebih terang . Haa , mcm tuh lahh . :)

1. Dashboard > Template
2. Press F3 dan cari code </style>
3. Copy code kat bawah ni 
/*------ IMAGE ANIMATION------*/
img, a img { border: 0px;  opacity: .75; filter: alpha(opacity=100); -o-transition: opacity 1.5s linear; -webkit-transition: opacity 1.5s linear; -moz-transition: opacity 1.5s linear; }
img:hover, a:hover img {opacity: 100; filter: alpha(opacity=100); -o-transition: opacity 1s linear; -webkit-transition: opacity .8s linear; -moz-transition: opacity 1.5s linear; }
4. Paste code ni di atas code yang korang cari tadi .
5. Preview & save 

0 comments: