Анимация псевдоэлементов в современных веб-приложениях работает так же, как и анимация обычных элементов. 1 Для этого используются свойства CSS, такие как transform (translate, rotate, scale, skew), transition, positioning и z-index. 23

Например, анимацию свойства content в браузерах, отличных от Safari, можно выполнить дискретно: контент будет переходить от одного значения к другому без какого-либо плавного перехода. 1

Для анимации счётчика чисел в content в Safari, Chrome, Edge и Opera можно использовать следующий трюк: 1

1. Объявить пользовательское свойство, которое является целым числом. 1
2. Установить счётчик, который будет принимать значение этого целого числа через counter-reset. 1
3. Отобразить этот счётчик через свойство content псевдоэлемента. 1
4. Анимировать значение целого числа. 1

Также анимацию можно реализовать при помощи свойства transform, которому задают отображение и исчезновение элементов по определённой оси, а с помощью transition задают плавность трансформации. 5