Как вырезать середину из картинки чтобы просветить слой под ней?

Question

[srnsdlmtn]

На предыдущий вопрос так и не получил ни одного ответа, надеюсь не будет ничего страшного если создам ещё один аналогичный.

Вчера задавал вот этот вопрос Как на JS сделать чтобы при наведении часть картинки просвечивала?

Думал, что разобрался, но в итоге не понимаю как это сделать. Вот то, что есть https://jsfiddle.net/0awf48ph/4/

Пытался по разному сделать чтоб прозрачность менялась именно у прямоугольника который следует за мышкой, но ничего не выходит

Как сделать чтоб слой вырезался только в пределах этого прямоугольника, а остальная часть оставалась как есть?

Answer 1

[Дмитрий Беляев]

htmlbook.ru/css/clip

Comments

[srnsdlmtn]

ну так если это применить, то будет просто следующий слой в этом квадрате, а этот слой, который первый, видно не будет, разве нет?

[Дмитрий Беляев]

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