Показать сообщение отдельно
  #14 (permalink)  
Старый 17.01.2019, 15:29
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

CSS головоломка! Градиентная рамка пунктиром.

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



Получается при помощи только 5 объявлении, но...
1. Chrome оказался особенным (1 дополнительное объявление) ☹️
2. и имеет баг (ещё 1 объявление чтобы исправить)
Ответить с цитированием