Bayangan Blok di CSS

Diberikan sebuah blok berukuran 200 kali 200. Tambahkan bayangan berwarna merah untuknya, digeser ke bawah sejauh 15px, ke kanan sejauh 20px dan dengan blur 5px.

Diberikan sebuah blok berukuran 200 kali 200. Tambahkan bayangan berwarna hijau untuknya, digeser ke atas sejauh 15px, ke kanan sejauh 20px dan tanpa blur.

Diberikan sebuah blok berukuran 200 kali 200. Tambahkan bayangan dalam (inner shadow) berwarna hitam untuknya, tanpa penggeseran, tetapi dengan blur 5px.

Diberikan sebuah blok berukuran 200 kali 200. Tambahkan bayangan dalam (inner shadow) berwarna hitam untuknya, digeser ke bawah sejauh 3px dan ke kanan sejauh 4px, dengan blur 3px.

Diberikan sebuah blok berukuran 200 kali 200. Tambahkan dua bayangan untuknya - satu di atas, satu lagi di bawah.

Diberikan sebuah blok berukuran 200 kali 200. Tambahkan empat bayangan untuknya, sehingga masing-masing berada di satu sisi blok dengan penggeseran 30px dan tanpa blur. Artinya, satu bayangan tepat di atas, satu lagi tepat di kanan, dan seterusnya.