Kumpulan Efek - Efek Gambar Melengkung Di Blog

Ketika anda menulis postingan baru harus memilih mode HTML jangan mode Compose. Copy Paste kode <style type="text/css">KODE CSS</style> di bawah <head>. Ganti KODE CSS dengan kode css yang diinginkan. Untuk menampilkan efek kode CSS tadi pada gambar, setiap kali kita ingin memasukan gambar kita gunakan kode HTML <img class="#" src="URL GAMBAR" />.

1. Efek Fade In = Membuat gambar menjadi blur lalu menjadi terangketika di sorot mouse

KODE CSS

KODE HTML

2. Efek membuat gambar menjadi melengkung lalu kembali ke seperti semula ketika di sorot kursor

KODE CSS

KODE HTML

3. Efek Rotasi = Membuat gambar berputar dan membesar saat di arahkan kursor mouse

KODE CSS

KODE HTML

4. Efek Skew = Membuat gambar menjadi berpendar ketika di sorot mouse

KODE CSS

KODE HTML

5. Efek gambar bergerak ke samping

KODE CSS

KODE HTML

6. Efek Fade Out = Membuat gambar menjadi blur ketika di sorot kursor

KODE CSS

KODE HTML

7. Efek Bumping = Membuat gambar bergerak ke atas ketika di sorot mouse

KODE CSS

KODE HTML

8. Efek melengkung = membuat sudut gambar menjadi melengkung ketika di sorot mouse

KODE CSS

KODE HTML

9. Efek bingkai bergaris ketika gambar disorot mouse.

KODE CSS

KODE HTML

10. Efek bayangan ketika gambar disorot mouse.

KODE CSS

KODE HTML

Ditulis Oleh : Rizky

Sobat sedang membaca artikel tentang Kumpulan Efek - Efek Gambar Melengkung Di Blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini. Silakan di rubah dan sesuwekan sesuka selera sobat

<a href="http://rizkyekoyblog.blogspot.com/2013/08/kumpulan-efek-efek-gambar-di-blog.html" target="_blank">Kumpulan Efek - Efek Gambar Melengkung Di Blog</a>

:: Kunjungi Sumbernya ::