@ProfessorZlyh
Инженер

Как уменьшить прозрачность части изображения?

Моя веб-страница имеет определенный фон похожий на соты. Мне нужно, чтобы при наведении курсора мыши на определенную часть экрана, область вокруг курсора становилась прозрачной, в результате чего будет изменяться цвет вокруг ячеек. То, что я хочу, представлено на картинке. Помогите пожалуйста, как это сделать?
6bb4a003f71f417c941de6626502c70d.jpg
  • Вопрос задан
  • 254 просмотра
Решения вопроса 1
aliencash
@aliencash
Партизан
Тут не надо уменьшать прозрачность. HTML5 позволяет задать несколько бекграундов через запятую.
У бекграунда который задает голубой градиен менять позицию на js.

codepen.io/aliencash/pen/PqMKVq

js чужой, т.к. не очень в нем силен.

ps: Можно было бэкграунды через css patterns сделать, но возни много. Попробуйте сами.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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