Тест по CSS — Анимации и Переходы
Какое свойство используется для создания плавных переходов между состояниями?
- animation
- transform
- keyframes
- transition
С какой директивы начинается определение анимации в CSS?
- @frames
- @animation
- @keyframes
- animation-key
Какое сокращённое свойство объединяет настройки перехода в одном выражении?
- transition-delay
- transition-property
- transition
- transition-timing-function
Какое значение transition-timing-function делает анимацию плавной в начале и в конце?
- ease-in-out
- ease-linear
- soft
- fast
Как задать длительность перехода 2 секунды?
- 2s
- slow
- fast
- normal
Какое свойство отвечает за количество повторов CSS-анимации?
- repeat
- animation-loop
- loop-count
- animation-iteration-count
Какое свойство задаёт характер движения в анимации (ускорение, замедление и т. д.)?
- animation-timing-function
- timing
- easing-function
- animation-flow
Какое значение animation-direction заставляет анимацию чередоваться туда и обратно?
- alternate
- pingpong
- reverse-repeat
- back-and-forth
Какое свойство указывает имя ключевых кадров, которые будут использоваться в анимации?
- keyframes
- animation-name
- name
- animation-id
Какое значение animation-play-state приостанавливает воспроизведение анимации?
- none
- delay
- paused
- stopped
Какое свойство используется для установки задержки перед началом перехода?
- animation-delay
- transition-delay
- 1s
- 0s
Какое значение animation-iteration-count позволяет анимации повторяться бесконечно?
- unlimited
- infinite
- loop
- forever
Какое свойство определяет стиль элемента до и после выполнения анимации?
- animation-fill-mode
- fill
- stay
- animation-end
Как правильно задать конечное состояние в @keyframes?
- end { opacity: 1; }
- 100% { opacity: 1; }
- to { opacity: 1; }
- final { opacity: 1; }
Какое свойство отвечает за продолжительность CSS-анимации?
- duration
- animation-duration
- transition-duration
- time