На канале уже давно есть видео посвящённое основным css свойствам. В нём я обошёл стороной свойства css анимация, поскольку она делается не так часто. И поэтому держать в голове все свойства относящиеся к данному модулю я не вижу смысла. В этом видео мы на примере css loader разберёмся с реализацией css animation. Я покажу как делается анимация с помощью keyframe с несколькими ключевыми точками. Также вы увидите как можно сделать задержу анимации - delay, а ещё как делать css анимацию бесконечной - infinite, либо, чтобы она воспроизводилась только несколько раз.

свернуть