Quantcast
Channel: Kursus Website Terbaik
Viewing all articles
Browse latest Browse all 2170

Blending Gambar Dengan CSS

$
0
0

Pada artikel kali ini saya akan mengajarkan bagaimana cara memblending gambar dengan warna tapi tidak dengan photoshop melainkan dengan css, nah seperti yang kita tau teknik blending ialah memberikan warna berbeda pada sebuah gambar yang kita inginkan, nah sekarang kita akan praktekan teknik tersebut namun dengan menggunakan script css, oke langsung saja, silahkan teman-teman buat file dan ketikan script berikut :

1

saya membuat area,dengan class bg-blend, nah sekarang ketikan script cssnya sebagai berikut :

2

script di atas saya memberikut background gambar pada area yang saya buat tadi dengan gambar Lighthouse.jpg, lalu saya mengatur background warna dengan warna hijau, nah inilah propertis css yang berfungsi untuk blending nya, saya memberikan mode multiply pada modenya, maka hasilnya akan seperti berikut :

3

hasilnya background gambar dengan warna akan menyatu,

oke cukup simple ya, silahkan praktekan dirumah, cukup sekian artikel kali ini semoga bermanfaat,

terimakasih :)

The post Blending Gambar Dengan CSS appeared first on Kursus Website Terbaik.


Viewing all articles
Browse latest Browse all 2170

Trending Articles