css怎样实现这种效果

Question

https://stupid-studio.com/
这个网站上的当鼠标经过图片时，从左上角至右下角那个遮盖效果是怎样实现的，求大神给个思路！谢谢

Answer 1

用一个大一点的矩形旋转一定角度，绝对定位到盒子的外部，然后当鼠标滑入的时候修改矩形的定位，注意设置父元素的overflow为hidden,计算好矩形的大小和角度，这个不难实现的