Некоторые современные подходы к созданию анимаций с помощью CSS:

• Переходы (transition). 1 Плавно изменяют свойства элемента при изменении его состояния. 1
• Трансформации (transform). 1 Позволяют изменять форму, размер и положение элементов. 1
• Директивы @keyframes и animation. 15 Дают возможность создавать сложные, многошаговые анимации. 1
• CSS-переменные. 1 С их помощью можно динамически изменять значения в анимациях. 1
• Псевдоклассы и псевдоэлементы. 1 Позволяют запускать анимации при определённых состояниях элемента. 1

Также для создания CSS-анимаций можно использовать специальные библиотеки анимационных эффектов, например: Animate.css, Magic CSS animations, Animista. 1