扫码关注官方订阅号
https://stupid-studio.com/这个网站上的当鼠标经过图片时,从左上角至右下角那个遮盖效果是怎样实现的,求大神给个思路!谢谢
学习是最好的投资!
用一个大一点的矩形旋转一定角度,绝对定位到盒子的外部,然后当鼠标滑入的时候修改矩形的定位,注意设置父元素的overflow为hidden,计算好矩形的大小和角度,这个不难实现的
遮罩是一个旋转45度的正方形,把这个正方形定位到图片左上角并且隐藏掉,剩下的就是通过css3的transform进行动画了
网页都有……直接开F12,把css给down下来看那看不就知道了……
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
用一个大一点的矩形旋转一定角度,绝对定位到盒子的外部,然后当鼠标滑入的时候修改矩形的定位,注意设置父元素的overflow为hidden,计算好矩形的大小和角度,这个不难实现的
遮罩是一个旋转45度的正方形,把这个正方形定位到图片左上角并且隐藏掉,剩下的就是通过css3的transform进行动画了
网页都有……直接开F12,把css给down下来看那看不就知道了……