                        课程
                    
                        /前端开发
                        
                            /CSS3
                        
                        /CSS3图片动态提示效果

出现浏览器崩溃

做平移和旋转动画都没有问题，为什么做斜切动画就出现浏览器崩溃，把斜切动画代码删掉重新打开浏览器又好了
这是斜切动画代码

从心开始0

2018-04-23

源自：CSS3图片动态提示效果 3-3

关注问题我要回答

926

操作

收起

1 回答

qq_玲玲的大_04311806
2018-05-23

可以这样理解，skew 应用在一个矩形上，会保持高度不变，宽度相对变化。比如一个100px的正方形，当skew(60deg)之后，原本竖着的那条边变成倾斜状态，与竖直方向呈60°的角度。你想想有一个在三角形内部有两个角度为90的角度是什么情况，衍生出的底边由于tan90°会等于无穷大。如果浏览器没有相关的措施。会导致你应用的那个元素的宽为无穷大。