Cara Membuat Efek Blur Pada Gambar dengan CSS
Ada orang yang ketika menunggu malah berpaling, ada pun yang merasa perjuangannya, tak dihargai. Namun, yang setia tak perlu diberitahu bagi menunggu bukan?. “Jangan ragu melepas merpati terbaik terbang, karena yang terbaik akan selalu pulang”. Oke di kesempatan kali ini saya akan berbagi ilmu kepada kalian mengenai bagaimana Cara Membangun Efek Blur Di Gambar dengan CSS.
Masih bingung kadang mesti membangun efek blur di gambar mesti lewat Adobe Photoshop dulu? Kini telah tak usah bingung lagi teman-teman, karena kini saya akan memberitahukan caranya. Berikut Cara Membangun Efek Blur Di Gambar dengan CSS.
Pertama-tama-tama, siapkan file index.html nya.
Kemudian, isi di bagian <body> tag HTML berikut.
<img src=pineapple.jpg alt=Ada orang yang ketika menunggu malah berpaling Cara Membangun Efek Blur Di Gambar dengan CSS width=300 height=300>
<p><strong>Note:</strong> Filter ini tak berfungsi di Internet Explorer, Edge 12, atau Safari 5.1 dan versi lain nya.</p>
Berikutnya, bagi CSS nya seperti berikut.
img {
-webkit-filter: blur(5px); /* Chrome, Opera */
filter: blur(5px);
}Bagaimana teman-teman? Lumayan gampang bukan?
Demikianlah bagi panduan kali ini mengenai Cara Membangun Efek Blur Di Gambar dengan CSS.
Semoga bermanfaat, terima kasih.
Sumber https://kursuswebsite.org
