Widodo

Sliding Hover Transition dengan CSS3

Sliding Hover Transition css3

Sliding Hover Transition merupakan sebuah slide Gambar yang terbangun dari penggabungan kinerja CSS3. Untuk Sliding Hover Transitio sesederhana ini menjadi sangat menarik dan tidak akan membebani loading blog. CODE ini bisa kamu terapkan dalam sebuah posting blog mau pun di widget blog, and bisa memanfaatkan CODE ini dalam sebuah posting tentuknya yang terdapat sebuah gambag dan kamu bisa memberi diskripsi gambar dengan menggunakan tag yang akan kia pelajari. dalam penerapan CODE ini cukup mudah hanya memperhatikan tutorial yang akan kami berikan, mungkin langsung saja kita buat sebuah codenya :

1. Silahkan anda login terlebih dahulu ke Blogger.com

2. Silahkan masuk ke Edit Tempat Blog

3. Setelah Itu cari kode ]]></b:skin> dan kopi paste kode dibwah ini diatasnya .

CSS

4. Sekarang hampir aja selesai sekarang kita tinggan memanggil tag cssnya dengan HTML dan html ini bisa anda taruh pada sebuah postingan kalian

HTML

<div class="gambar">
<a class="link" href="#"></a>
<div class="overlay">
<div class="arrow-left"></div>
<div class="rectangle"></div>
</div>

<div class="description">
<h3>Project</h3>
<p>Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum </p>
</div>
<img src="tumb.jpg">
</div>

Selesai Buat yang masih binggung silahkan download dibawah ini :

DOWNLOAD DEMO

Perhatikan kode <img src="tumb.jpg"> silahkan ganti dengan url gambar kalian

Salam Kami : s-widodo.com adn mi5 team



0 Komentar