Cara Memberikan Tipe Filter Blur Pada CSS3

Halo teman teman semuanya masih seputar property CSS3 dan berikut ini Tipe Filter yang bisa kita gunakan ada blur, saturate, sepia dan saya akan berikan nilai apa yang bisa kita berikan ditiap tiap tipe filter tersebut. Tipe Filter yang teman teman bisa gunakan ada beberapa yakni sebagai berikut

Yang pertama kita akan mencoba untuk Tipe Filter blur. Caranya mudah kita pilih dulu selectornya yakni img lalu kita tulis property CSS3 yaitu filter dan ikuti dengan tipe filternya yaitu blur didalam kurung buka tutupnya kita bisa tuliskan ukuran blurnya mau seperti apa

Jika teman teman ingin melihat contohnya maka kita buka photoshop lalu pilih menu filter->blur->gaussion blur. Jadi efek blur yang diberikan pada CSS3 itu adalah efek Gaussion Blur pada photoshop dan jika teman teman pilih maka teman teman dapat mengatur tingkat ukuran blurnya.

Nilainya radiusnya bisa kita ubah atau semakin kekanan nilainya maka semakin blur gambarnya artinya gambarnya semakin tidak jelas.

Misalnya kita berikan 5px maka kita bisa lihat hasilnya sekarang. Itu dulu yang dapat kita lakukan. Semoga jelas dan terima kasih.

26 Agustus 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat