Oke kali ini aku akan membagikan tutorial bagaimana cara menciptakan text blur dengan css. Saya bekerjsama juga tidak tahu, fungsi text blur di sebuah website itu untuk apa, tetapi mungkin ada yang mencarinya dan juga kebetulan aku tahu caranya... jadi kenapa tidak buat tutorial?
Oke, masuk ke tutorial, pertama persiapkan dahulu text editor kalian kemudian buat file html dan cssnya. Bila kalian sudah menyiapkannya silahkan copy paste code dibawah ini.
Html :
CSS :
Keterangan :
- Kalian dapat mengganti nama ".blur" menjadi apapun yang kalian inginkan asal namanya sama dengan nama class yang kalian panggil di file html.
- Makara konsepnya adalah, kita menghilangkan goresan pena aslinya, kemudian kita tambahkan bayangan pada text yang ingin di blur, dan jadilah text blurnya.
Kalian dapat lihat demonya dibawah ini.
Gimana? gampang bukan? untuk tutorial menciptakan text blur aku cukupkan hingga disini. Kalau kalian masih galau atau punya pertanyaan maupun request silahkan tulis di kolom komentar. Dan hingga jumpa di artikel selanjutnya.