Box Shadow dan Text Shadow
<! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title >Document</ title > < style > div { width : 200 px ; height : 200 px ; background-color : red ; margin : 50 px auto ; box-shadow : -10 px 10 px 5 px hsla ( 100 , 100 % , 50 % , 0.5 ); } </ style > </ head > < body > < div ></ div > </ body > </ html > Box Shadow adalah property CSS yang memungkinkan untuk menambahkan bayangan pada sebuah elemen HTML, seperti kotak atau teks. Pada parameter pertama datang munculnya bayangan secara horizontal, parameter ketiga munculnya bayangan secara vertical, paramerter ketiga tingkat pudar banyangan dan yang terakhir adalah parameter warna. box-shadow : -10