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