---
id: 587d78a8367417b2b2512ae7
title: Change Animation Timing with Keywords
challengeType: 0
videoUrl: ''
localeTitle: Изменение времени анимации с помощью ключевых слов
---
## Description
В анимации CSS свойство animation-timing-function
определяет, как быстро изменяется анимированный элемент во время анимации. Если анимация - это автомобиль, перемещающийся из точки A в точку B в заданное время (продолжительность animation-duration
), animation-timing-function
говорит о том, как автомобиль ускоряется и замедляется в ходе движения. Для популярных опций есть несколько предопределенных ключевых слов. Например, значение по умолчанию - это ease
, которая начинается медленно, ускоряется в середине, а затем в конце замедляется. Другие варианты включают ease-out
, которое быстро начинается, а затем замедляется, ease-in
, что медленно начинается, а затем ускоряется в конце или linear
, что накладывает постоянную скорость анимации.
## Instructions
undefined
## Tests
```yml
tests:
- text: ''
testString: 'assert($("#ball1").css("animation-timing-function") == "linear", "The value of the animation-timing-function
property for the element with the id ball1
should be linear.");'
- text: ''
testString: 'assert($("#ball2").css("animation-timing-function") == "ease-out", "The value of the animation-timing-function
property for the element with the id ball2
should be ease-out.");'
```
## Challenge Seed
## Solution
```js
// solution required
```