Tutorial : Image Hover


Anneyeongsayo..
Assalamulaikum..
Hello Readers..

 hari ni nak buat tuto image hover..tak tau? cube alihkan cursor kat image tu? berubah tak? tu la image hover :) macam biasa credit kat kak tiqah

1. Dashboard > Templete > Edit HTML
2. Tekan ctrl+f serentak
3. Cari code ni
</style>
4. Copy code 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; }
5. Pastekan di atas </style>
6. Preview & save

No comments: