Membuat Efek Lens Flare sederhana dengan CSS

Hallo teman teman, pada kesempatan kali ini saya akan memberikan sebuah trik tentang HTML dan CSS. Pada trik kali ini kita akan membahas bagaimana cara membuat efek lens flare dengan css.

Pertama-tama kita harus tahu dahulu apa itu Lens Flare. Lens Flare adalah adalah efek yang timbul dari adanya pembiasan cahaya baik dari matahari atau lampu menuju ke lensa kamera. Dan biasanya akan muncul efek lingkaran pada gambar yang dihasilkan.

Untuk membuat efek Lens Flare kita membutuhkan komponen seperti yang saya buat seperti ini.

 

Dimana masing-masing div diatas memiliki style CSS seperti berikut

 

Untuk lebih jelasnya bisa dilihat pada demo yang saya buat seperti dibawah ini

 

*klik  logo edit on codepen di kanan atas embed.

3 November 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