bugo_aneo
@bugo_aneo
Верстальщик по жизни, буддист, кофеман

Как сделать полупрозрачную внутреннюю рамку у clip-pah элемента?

Добрый день коллеги.
САБЖ:
Есть дизайн у которого есть элементы со сложной формой в виде гексогона или ячейки сот. Внутри этого элемента есть имидж и иной контент.
ПРОБЛЕМА:
Необходимо сделать полупрозрачный, затемненный бордер или его имитацию у этого элемента.
Использование дублирующего бекграунда и вообще бекграунда в виде изодражения крайне не желательно.

Желаемый внешний вид
64007e0d57585447677568.jpeg
64007e2b4a7c1678157178.jpeg

Мое приближение к проблеме можно увидеть здесь
Как видно я могу сделать наоборот, т.е. СВЕТЛУЮ полосу, но темный фон.


Прошу вас помочь решить задачу. Подскажите как тут поступить.
Маски и прочие изыски - хорошо, но поддержка и кросплатформенность пока делают их опасными.
Заранее БЛАГОДАРЮ! За помощь или ответ.
  • Вопрос задан
  • 107 просмотров
Решения вопроса 1
develx
@develx Куратор тега CSS
Web developer
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
RAX7
@RAX7

Прозрачность рамки задается через цвет обводки полигона (<polygon/>), чем цвет темнее, тем рамка более прозрачная.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы