Cara Membuat Efek Redup Terang pada Gambar

TutorialBlog46 - Cara Membuat Efek Redup Terang pada Gambar - pada kesempatan kali ini kita akan bahas topik ngeblog mengenai treatment gambar agar semakin menarik untuk dilihat oleh pengunjung :) yaitu dengan menambahkan efek redup ke terang atau sebaliknya pada gambar yang ada di blog.

Treatment gambar ini dapat kita gunakan ketika membuat sebuah toko online atau portal berita sehingga tampilannya akan lebih menarik dilihat [ya sebenarnya sieh untuk semua jenis web atau blog juga bisa menggunaka treatment ini bro tapi Saya prefer ke dua jenis topik itu saja :) ]

Treatment efek redup terang pada gambar ini hanya menggunakan attribute gambar opacity - berfungsi menampilkan gambar sesuai dengan tingkat transparannya - dan untuk lebih jelasnya silahkan lihat dan buktikan dengan menggerakkan mouse kedalam kedua gambar berikut di bawah ini [gambar crue SNSD bro - Girl Band asal korea - ]

Cara Membuat Efek Redup Terang pada Gambar 

Untuk membuat efek redup terang kita hanya perlu menambahkan attribute opacity dan tentukan besar kecilnya tingkat transparansi maka kita sudah bisa melihat hasilnya. Untuk lebih jelasnya berikut ini adalah kode yang digunakan untuk membuat efek yang dimaksud:

Kode Efek Redup Terang pada Gambar 

<img onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="alamat gambar yang akan ditampilkan" style="filter: alpha(opacity=40); opacity: 0.4;" />

Kode Efek Terang Redup pada Gambar

<img style="opacity: 1;" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" src="alamat gambar yang akan ditampilkan" border="1" />

Jika ingin menggunakan kode efek redup terang pada gambar silahkan ganti attribute gambar (img) scr="alamat gambar yang akan ditampilkan" dengan alamat gambar Anda sendiri [bener2 jangan lupa loh ya entar kodenya gak bakalan bekerja karena gambar yang ingin ditampilkan gak ada!]

Sekian tulisan mengenai cara membuat efek redup terang pada gambar yang dapat disampaikan melalui tulisan di blog ini. Selamat mencoba dan salam sukses selalu [Jangan lupa untuk memberikan komentarnya terkait tulisan ini ya bro! :)]