Title : Make Image More Attractive use CSS Blend Mode
link : Make Image More Attractive use CSS Blend Mode
Make Image More Attractive use CSS Blend Mode
Sekarang AA Koben akan mengajak kalian sobat blogger bermain-main dengan salah satutrick imageyang lagi hangat! Pernah mendengar blend mode CSS? Jika diartikan kata blend meniliki arti perpaduan/campuran. Pada kesempatan sekarang kita akan mencoba bagaimana memadukan 2 buah gambar menjadi 1 bingkai seolah-olah dari ke dua gambar tersebut saling berkaitan ;)) Memang sedikit susah untuk dijelaskan dengan kata-kata! Ada baiknya sobat lihat demo sederhana berikut...
Original image
Gambar 1 | Gambar 2 |
---|---|
![]() | ![]() |
Keren kan!!!
Source coded by: jsdo.it/21f/zlHx
Bagaimana hal itu bisa terjadi, Pener by BROWNERD telah menjelaskannya buat kita dengan artikel berjudul 3 rad blend-mode techniques codepen.io/brownerd/full/jPMdvM Untuk melakukan tester master Antoinette Janus sudah berkreasi dengan Blend Mode Tester codepen.io/acjdesigns/full/NGEjOL/ Kalau sobat ingin langsung memakai kode CSS blend mode ke dalam blog...hohoho...jangan khawatir bro. Nick Una telah berbaik hati membuatkan CSSgram github.com/una/CSSgram
Silahkan sobat kunjungi links yg sudah Beben kasih. Jangan lupa test mesin browser sobat apakah sudah mendukung dengan si blend atau blom yah ;)) Sudah capek-capek baca dan ngulik tauknya browser engine belom support =)) Tembusan mix-blend-mode tympanus.net/codrops/css_reference/mix-blend-mode
Happy blend \m/Thus articles Make Image More Attractive use CSS Blend Mode
that is all articles Make Image More Attractive use CSS Blend Mode This time, hopefully can provide benefits to all of you. Okay, see you in another article posting.
You now read the article Make Image More Attractive use CSS Blend Mode with the link address https://autopostingblogspot.blogspot.com/2015/11/make-image-more-attractive-use-css.html
0 Response to "Make Image More Attractive use CSS Blend Mode"
Posting Komentar