Есть вот такие диагонально обрезанные блоки вплотную друг с другом.
При наведении на каждый из них, он делится на два подблока, вот так
Интересует как лучше всего обрезать блок таким образом(я бы просто картинку вставил обрезанной, но она еще красным заливается, но они еще при наведении красным заливаются), но самое главное - срабатывания ховера. Блоки ведь, даже если их как то можно трансформировать, все равно остаются прямоугольными под капотом, и получатся если я буду наводиться где-то в центре на стыке двух блоков, ховер эффект будет срабатывать только для одного из блоков, тот что выше z-index`ом.
Есть идеи, товарищи?
