https://stupid-studio.com/这个网站上的当鼠标经过图片时,从左上角至右下角那个遮盖效果是怎样实现的,求大神给个思路!谢谢
用一个大一点的矩形旋转一定角度,绝对定位到盒子的外部,然后当鼠标滑入的时候修改矩形的定位,注意设置父元素的overflow为hidden,计算好矩形的大小和角度,这个不难实现的
遮罩是一个旋转45度的正方形,把这个正方形定位到图片左上角并且隐藏掉,剩下的就是通过css3的transform进行动画了
网页都有……直接开F12,把css给down下来看那看不就知道了……
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
5 回答1.9k 阅读
6 回答4k 阅读
3 回答2.9k 阅读
5 回答3.4k 阅读✓ 已解决
1 回答2.5k 阅读✓ 已解决
3 回答3.1k 阅读
用一个大一点的矩形旋转一定角度,绝对定位到盒子的外部,然后当鼠标滑入的时候修改矩形的定位,注意设置父元素的overflow为hidden,计算好矩形的大小和角度,这个不难实现的