design

border-image: градиентная рамка без лишнего wrapper

border-image: градиентная рамка без лишнего wrapper

border-image-source с градиентом и border-image-slice: 1 даёт неоновую рамку промо-блока — классика до @property и mask-composite.

С border-radius конфликтует — часто заменяют на pseudo-element + mask.

- [border-image — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-image) — shorthand и slice.

- [Gradient borders — web.dev](https://web.dev/articles/css-gradient-borders) — Современные паттерны.

---

## Выбор

Для скруглённых карточек предпочтите background: linear-gradient на padding-box с двойным background.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.