課程
/前端開發
/CSS3
/CSS3圖片動態提示效果
做平移和旋轉動畫都沒有問題,為什么做斜切動畫就出現瀏覽器崩潰,把斜切動畫代碼刪掉重新打開瀏覽器又好了這是斜切動畫代碼
2018-04-23
源自:CSS3圖片動態提示效果 3-3
正在回答
可以這樣理解,skew 應用在一個矩形上,會保持高度不變,寬度相對變化。比如一個100px的正方形,當skew(60deg)之后,原本豎著的那條邊變成傾斜狀態,與豎直方向呈60°的角度。你想想有一個在三角形內部有兩個角度為90的角度是什么情況,衍生出的底邊由于tan90°會等于無窮大。如果瀏覽器沒有相關的措施。會導致你應用的那個元素的寬為無窮大。
從心開始0 提問者
舉報
實用的CSS3圖片動態提示效果,熟練掌握CSS動畫的制作技法
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-05-23
可以這樣理解,skew 應用在一個矩形上,會保持高度不變,寬度相對變化。比如一個100px的正方形,當skew(60deg)之后,原本豎著的那條邊變成傾斜狀態,與豎直方向呈60°的角度。你想想有一個在三角形內部有兩個角度為90的角度是什么情況,衍生出的底邊由于tan90°會等于無窮大。如果瀏覽器沒有相關的措施。會導致你應用的那個元素的寬為無窮大。