Как сделать нормальный ховер при skew элементе?

Question

[sinefighter]

Здравствуйте. У меня есть элементы с transform: skewX(16deg); они немного под наклоном


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

Сейчас у меня блоки под наклоном, но ховер воспринимает как будто блоки в обычном режиме, без наклона.

В данном случае там где красная точка - это курсор, по идее - должна ховериться левая картинка, но ховерится которая правее

Буду очень благодарен за помощь

Answer 1

[Владислав Лысков]

https://jsfiddle.net/edg2zfca/

Comments

[sinefighter]

чуть чуть не то, что нужно, но это натолкнуло меня на мысль, как сделать что бы работало, спасибо!