Բլոկի ստվերը CSS-ում

box-shadow
Задание 1

Տրված է 200 չափսով բլոկ 200-ի վրա։ Ավելացրեք դրան կարմիր գույնի ստվեր, տեղաշարժված ներքև 15px, աջ 20px և 5px բշտիկով։

Задание 2

Տրված է 200 չափսով բլոկ 200-ի վրա։ Ավելացրեք դրան կանաչ գույնի ստվեր, տեղաշարժված վերև 15px, աջ 20px և առանց բշտիկի։

Задание 3

Տրված է 200 չափսով բլոկ 200-ի վրա։ Ավելացրեք դրան ներքին ստվեր սև գույնով, առանց տեղաշարժի, բայց 5px բշտիկով։

Задание 4

Տրված է 200 չափսով բլոկ 200-ի վրա։ Ավելացրեք դրան ներքին ստվեր սև գույնով, տեղաշարժված ներքև 3px և աջ 4px, 3px բշտիկով։

Задание 5

Տրված է 200 չափսով բլոկ 200-ի վրա։ Ավելացրեք դրան երկու ստվեր՝ մեկը վերևից, մյուսը ներքևից։

Задание 6

Տրված է 200 չափսով բլոկ 200-ի վրա։ Ավելացրեք դրան չորս ստվեր այնպես, որ յուրաքանչյուրը լինի բլոկի մի կողմում՝ 30px տեղաշարժով և առանց բշտիկի։ Յուրաքանչյուր ստվեր խիստ վերևից, մյուսը խիստ աջից և այդպես շարունակ։

Задание 7
Задание 8
Задание 9
Задание 10
Задание 11