CSS 블록 그림자
box-shadowЗадание 1
크기가 200 x 200인 블록이 주어졌습니다.
아래로 15px, 오른쪽으로 20px 이동하고
5px 흐림 효과가 있는 빨간색 그림자를 추가하세요.
Задание 2
크기가 200 x 200인 블록이 주어졌습니다.
위로 15px, 오른쪽으로 20px 이동하고
흐림 효과 없는 녹색 그림자를 추가하세요.
Задание 3
크기가 200 x 200인 블록이 주어졌습니다.
내부 검은색 그림자를 추가하되, 이동 없이
5px 흐림 효과만 주세요.
Задание 4
크기가 200 x 200인 블록이 주어졌습니다.
아래로 3px, 오른쪽으로
4px 이동하고, 3px 흐림 효과가 있는
내부 검은색 그림자를 추가하세요.
Задание 5
크기가 200 x 200인 블록이 주어졌습니다.
두 개의 그림자를 추가하세요. 하나는 위에,
다른 하나는 아래에.
Задание 6
크기가 200 x 200인 블록이 주어졌습니다.
각 변에 하나씩 총 네 개의 그림자를 추가하세요.
30px 이동시키고 흐림 효과는 없이,
즉, 하나는 정확히 위에, 다른 하나는 정확히 오른쪽에,
이런 식으로 배치하세요.
Задание 7
Задание 8
Задание 9
Задание 10
Задание 11