wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Градиенты и тени

Total questions: 10

Worksheet time: 7mins

Name
Class
Date
1.

Как называется свойство, которое создает тень?

a)

background-image

b)

box-shadow

c)

opacity

d)

justify-content

2.

Что означает второе значение для стиля box-shadow?

a)

Смещение по горизонтали

b)

Смещение по диагонали

c)

Смещение по вертикали

d)

Смещение относительно начала страницы

3.

А третье значение за что отвечает?

a)

Размытие

b)

Растяжение

c)

Поворот

d)

Отражение

4.

Что нужно добавить для box-shadow, чтобы тень появилась внутри объекта?

a)

insert

b)

inner

c)

inset

d)

in

5.

Правда ли, что тени добавляют на сайт для того, чтобы обратить внимание на некоторые объекты?

a)

Согласен

b)

Я буду использовать тени для крутого дизайна

c)

Тени делают сайт интерактивным

d)

Просто красиво:)

6.

Какой стиль сделает фон с переходом цвета, т.е. градиентным?

a)

background-color: navy;

b)

background-image: url("https:....png");

c)

background-image: linear-gradient(red,orange);

7.

Как задать для градиента направление слева направо?

a)

background-image: linear-gradient(to right, green,red);

b)

background-image: linear-gradient(to right bottom, green,red);

c)

background-image: linear-gradient(green,red);

8.

Как сделать такой градиент?

a)

background-image: linear-gradient(green,

white);

b)

 background-image: linear-gradient(green,

white,red);

c)

background-image: linear-gradient(to right,

white,red);

9.

Понравился сегодняшний урок?

a)

Да!

b)

Конечно! Даже сделаю всю домашку:)

c)

Остались вопросы...

d)

Буду применять тени и градиент для своего проекта:)

10.

Нарисуй смайлик :)