CSS Автопрефиксер
Добавляет вендорные префиксы -webkit-, -moz- и -ms- к свойствам, которым они нужны, и убирает устаревшие префиксы из готового кода.
Когда пригодится
Автопрефиксер CSS нужен, когда фрагмент стилей из туториала, CMS или дизайн-системы должен работать не только в свежем Chrome. Даже сегодня Safari и iOS требуют -webkit- для user-select, appearance, backdrop-filter, clip-path, масок и position: sticky, а старые браузеры – префиксы для flexbox, transform и transition.
Выберите уровень поддержки – современные браузеры, старые Safari и Firefox или IE 10–11 – и инструмент добавит только нужные префиксы, включая tweener-синтаксис flexbox для IE и префиксные псевдоэлементы вроде ::placeholder. Устаревшие префиксы из исходника при этом удаляются, так что код можно и чистить. Для продакшн-сборок смотрите в сторону PostCSS Autoprefixer с Browserslist – он подстраивает префиксы по статистике Can I Use; этот же инструмент решает задачу быстро, без установки и настройки.
Обработка выполняется локально в браузере – код не отправляется на сервер, поэтому инструмент безопасен для закрытых стилей и внутренних проектов.
Если нужно встроить иконку в стили – попробуйте SVG в CSS, а для подготовки текста – Изменение регистра.