t19436j5v6vHallo teman-teman, apa kabar nya hari ini ? mudah-mudahan baik yah, amin

Ketemu lagi dengan saya, kali ini saya akan berbagi artikel kepada teman-teman mengenai cara membuat efek blur galeri gambar dengan CSS3, teman-teman penasaran kan jadinya seperti apa ?

langsung saja yuk kita ke praktik nya.

Baiklah teman-teman, sebelumnya teman-teman harus menyiapkan gambar nya terlebih dahulu untuk nanti galeri gambar, setelah itu teman-teman buka text editor nya kemudian ketikan script HTML seperti berikut:

html

Kalo sudah, sekarang kita buat script CSSnya untuk efek blur pada gambar, silahkan ketikan script berikut diantara tag head:

css

Kalo sudah semua diketik, jangan lupa disimpan kemudian coba teman-teman buka dibrowsernya, dan lihat hasil nya.

gimana teman-teman, bagus kan ?

Baiklah teman-teman, mungkin cukup sampai disini pertemuan kali ini, semoga artikel ini bisa bermanfaat bagi teman-teman, tetap semangat!

Sampai jumpa dilain kesempatan 🙂

 

WhatsApp chat