Анимации CSS

Что в CSS определяет ключевые кадры анимации?

• transition

• animation

• @keyframes

• keyframe

Какое свойство устанавливает направление движения анимации?

• animation-direction

• animation-play-state

• animation-duration

• animation-fill-mode

Что такое переход в CSS?

• Плавная смена одних значений свойств на другие.

• Изменение состояния элемента при наведении на него курсора.

• Анимация элемента.

• Стилевое оформление элемента.

Лена хочет анимировать свойство display, плавно поменяв значение block на none. Но желаемого результата нет. Почему?

div { display: block; transition: 1s; } div:hover { display: none; }

• :hover нельзя применять к div.

• Свойство display не анимируется.

• Нет обязательного свойства transition-duration.

• transition требуется указывать для :hover.

Для каких свойств по умолчанию происходит переход?

• Для строчных.

• Для background и color.

• Для всех.

• Для блочных.

Какое свойство для создания перехода является обязательным?

• transition-delay

• transition-property

• transition-timing-function

• transition-duration

Какое значение transition-timing-function используется по умолчанию?

• linear

• ease-in

• ease

• ease-out

Какая стилевая функция масштабирует элемент?

• skew()

• rotate()

• scale()

• translate()

Какое свойство делает трансформацию элемента?

• animation

• transition

• transform

• keyframe

Как повернуть элемент на 45 градусов против часовой стрелки?

• rotate(-45deg)

• rotate(45deg)

• rotateY(45deg)

• rotate(-45grad)