CSS головоломка! Градиентная рамка пунктиром.
Ограничения:
• 1 div, без псевдо-элементов
• настоящая прозрачность повсюду, без подложки
• как максимум 7 CSS объявлении для div (просвечиваемый фон от body не считается)
• без картинок (разрешаются CSS градиенты), без SVG, без JS
Получается при помощи только 5 объявлении, но...
1. Chrome оказался особенным (1 дополнительное объявление) ☹️
2. и имеет баг (ещё 1 объявление чтобы исправить)