Что такое decorator в CSS

CSS-декораторы — это визуальные элементы, добавляемые к тексту или блокам без изменения их структуры. Чаще всего это:

• Тени (text-shadow, box-shadow)
• Подчёркивания (text-decoration)
• Градиенты (background-image: linear-gradient())
• Рамки (border, outline)

Пример с тенью и градиентом:

.button {
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  background: linear-gradient(to right, #ff7e5f, #feb47b);
}

Декораторы улучшают UX, но их избыток может замедлить рендеринг.