Ada orang yang ketika menunggu malah berpaling, ada juga yang merasa perjuangannya, tidak dihargai. Namun, yang setia tak perlu diberitahu untuk menunggu bukan?. “Jangan ragu melepas merpati terbaik terbang, karena yang terbaik akan selalu pulang”. Oke pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang bagaimana Cara Membuat Efek Blur Pada Gambar dengan CSS.
Masih bingung kadang harus membuat efek blur pada gambar harus melalu Adobe Photoshop dulu? Sekarang sudah tidak usah bingung lagi teman-teman, karena sekarang saya akan memberitahukan caranya. Berikut Cara Membuat Efek Blur Pada Gambar dengan CSS.
Pertama-tama, siapkan file index.html nya.
Kemudian, isi di bagian <body> tag HTML berikut.
<img src="pineapple.jpg" alt="Pineapple" width="300" height="300"> <p><strong>Note:</strong> Filter ini tidak berfungsi pada Internet Explorer, Edge 12, atau Safari 5.1 dan versi lain nya.</p>
Selanjutnya, untuk CSS nya seperti berikut.
img {
-webkit-filter: blur(5px); /* Chrome, Opera */
filter: blur(5px);
}Bagaimana teman-teman? Cukup mudah bukan?
Sekian untuk tutorial kali ini tentang Cara Membuat Efek Blur Pada Gambar dengan CSS.
Semoga bermanfaat, terima kasih.
The post Cara Membuat Efek Blur Pada Gambar dengan CSS appeared first on Kursus Website Terbaik.