Задать вопрос
@vista1x

Как такое сверстать?

Как сверстать такой блок?
5edf57d530261571255168.jpeg

Логика такая: при наведении на блок, закрашивается весь контент (кроме фона) в рамках окружности вокруг указателя мыши.
Смотрю в сторону mix-blend-mode, но получается не то что нужно: https://jsfiddle.net/wd31xum8/
  • Вопрос задан
  • 260 просмотров
Подписаться 2 Средний 1 комментарий
Решение пользователя Максим Морев К ответам на вопрос (3)
SeaInside
@SeaInside
16 лет пилю все эти штуки
Я бы в первую очередь куда-то в эту сторону посмотрел.



Со стрелкой правда непонятно что делать, возможно, это чуть ли не единственный случай, когда шрифтовая иконка будет оправдана, но нарисовать и скомпилировать придётся самостоятельно :)

Если бы не хватило - полез бы смотреть в сторону SVG-клипа.
Но в целом случай сложный, придётся заморочиться, чтобы сделать более-менее приятно глазу. :)
Ответ написан
Комментировать