Hallo teman teman balik lagi dengan saya Ismet Maulana kali ini saya ingin berbagi pengetahuan tentang Bagaimana Cara Membuat Effect Hover Menjadi Blur Menggunakan CSS3, sedikit ingin mengubah tampilan pada effect hover kali ini ingin membuatnya agak berbeda dengan menyisipkan efeck blur pada text yang di hover, mudah saja untuk membuatnya tidak rumit dan sangat recommended banget untuk kalian yang suka, oke langsung saja, teman teman bisa salinkan scriptnya dibawah sini :
|
1 2 3 4 5 6 7 8 9 10 11 |
<style type="text/css"> a:link {text-decoration: none; color: red; } a:visited { color:grey; } a:hover{ -webkit-filter: blur(1px) grayscale(1); } p{font-size: 20px; font-weight: bold;} </style> <body> <a href=""><p>Dumet School</p></a> </body> |
Jika sudah coba teman teman save dan jalankan dibrowsernya, cukup mudah bukan? tidak repot bukan? oke saya harap sampai disini artikel tentang Bagaimana Cara Membuat Effect Hover Menjadi Blur Menggunakan CSS3. Sampai bertemu diartikel selanjutnya dan sampai jumpa, selamat mencoba .
Untuk melihat klik DEMO
#KeepLearn
#IsmetMA