Как сделать такой эффект просвечивания изображения?

Question

[Евгений Сидаш]

Здравствуйте, все здесь живущие))
Сразу к сути - есть вот такой сайт - https://www.stereo.ca/agence/

На нём есть эффект просвечивания, т.е. есть картинка фоновая, но она судя по всему скрыта, и при наведении мышки просвечивается определенная область.

Я бы хотел подобное реализовать, но немного иначе - у меня будет картинка человека и при наведении на определенную часть теле, будет просвечиваться как рентген.
По типу как тут - www.sochi2014.lifefitnessrussia.ru


Но даже не знаю с чего начать. Возможно ли такое сделать только на одном CCS3 без сторонних скриптов и библиотек, хотя это не существенно.

Comments

[Антон Р.]

Посмотри здесь: https://codepen.io/erikrahm/pen/ywrmH

[Антон Р.]

4-я ссылка по запросу в Гугле "image xray javascript". Учись гуглить на инязе, пригодится.

[Евгений Сидаш]

Антон Р., спасибо большое, это похоже то, что нужно!

[Антон Р.]

Евгений Сидаш, да незачто.

[Rustam Bainazarov]

Евгений Сидаш, не будет работать в Firefox. Стоит тогда переделать на mask-position.

Answer 1

[Евгений Сидаш]

https://codepen.io/erikrahm/pen/ywrmH