Bayangan Blok di CSS

Задание 1

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.

Задание 2

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

Задание 3

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

Задание 4

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.

Задание 5

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

Задание 6

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.

Задание 7

Задание 8

Задание 9

Задание 10

Задание 11