Вземане на проби от времето

Дискретно или непрекъснато движение

По подразбиране CSS преходите и анимациите създават непрекъснато движение между състоянията. Тези. ако поставите елемент някъде на екрана и го преместите на друго място, браузърът ще се опита да направи прехода възможно най-плавен.

Анимацията ще бъде плавна, независимо от избраната функция за синхронизиране или дори ако елементът не се движи; например, ако промените цвета на фона на елемент с течение на времето, промяната също ще бъде плавна.

За да добавите паузи към CSS анимация, трябва да вземете два ключови кадра на анимацията с една и съща информация и да ги поставите един след друг, разделени само по време: пример може да се види в кода на моя плъзгач на CSS. Но ако ключовите кадри са различни, тогава браузърът ще се върне към плавна анимация на елемента.