Какие возможности открывают псевдоэлементы before и after в веб-разработке?

Псевдоэлементы ::before и ::after в веб-разработке открывают следующие возможности:

• Добавление содержимого в документ. developer.mozilla.org С помощью этих псевдоэлементов можно вставлять строки текста, значки-указатели, пустые строки. developer.mozilla.org
• Оформление цитат. webref.ru Псевдоэлементы позволяют выводить увеличенные кавычки, которые показывают пользователям, что перед ними цитата. webref.ru
• Создание фигур. webformyself.com Псевдоэлементы дают больше «блоков» для экспериментов, каждый из которых можно отдельно преобразовать, расположить и повернуть. webformyself.com
• Отображение значений атрибутов. webformyself.com Например, можно автоматически отобразить атрибут, который хранится в виде виджета на основе JavaScript. webformyself.com
• Создание многоступенчатой анимации. webformyself.com Можно анимировать основной элемент в одном направлении, а затем независимо анимировать каждый псевдоэлемент. webformyself.com
• Создание микровзаимодействий. webformyself.com Например, можно сделать так, чтобы текстовое содержимое было скрыто визуально, а отображалось при нажатии или наведении курсора. webformyself.com