Какие современные подходы используются для создания анимаций с помощью CSS?

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

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

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