課程
/前端開(kāi)發(fā)
/CSS3
/css3實(shí)現(xiàn)網(wǎng)頁(yè)平滑過(guò)渡效果
amy老師，沒(méi)看明白為何設(shè)置了width和height就可以得到三角形的？可以稍微解析下嗎？謝謝?。?/p>
2017-03-30
源自：css3實(shí)現(xiàn)網(wǎng)頁(yè)平滑過(guò)渡效果 1-6
正在回答
https://www.bilibili.com/video/BV1r4411d7Es?from=search&seid=13412999584647036213
<a style="width:0px; height:0px; display: inline-block;border-bottom:100px #F00 solid; border-left:100px #03F solid; border-right: 100px #F90 solid; border-top:100px #6C0 solid"></a>
有顏色的是邊框 你改變下 寬 高 ?秒懂
因?yàn)槟莻€(gè)三角形是用沒(méi)有寬高而有border邊框值設(shè)置出來(lái)的；我們可以試一下給一個(gè)沒(méi)有寬高的塊設(shè)置四條邊框的值和顏色，就容易理解了。
舉報(bào)
CSS3 打造頁(yè)面之間的平滑過(guò)渡效果，帶來(lái)神奇的體驗(yàn)
2 回答三角形是怎么實(shí)現(xiàn)的真的沒(méi)看明白
5 回答三角形不顯示
2 回答三角形啊 顯示方形了
1 回答三角形受到文字多少影響，文字?jǐn)?shù)量會(huì)改變?nèi)切蔚奈恢?/p>
2 回答三角形溢出問(wèn)題
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)
2020-05-16
https://www.bilibili.com/video/BV1r4411d7Es?from=search&seid=13412999584647036213
2017-05-10
<a style="width:0px; height:0px; display: inline-block;border-bottom:100px #F00 solid; border-left:100px #03F solid; border-right: 100px #F90 solid; border-top:100px #6C0 solid"></a>
有顏色的是邊框 你改變下 寬 高 ?秒懂
2017-04-01
因?yàn)槟莻€(gè)三角形是用沒(méi)有寬高而有border邊框值設(shè)置出來(lái)的；我們可以試一下給一個(gè)沒(méi)有寬高的塊設(shè)置四條邊框的值和顏色，就容易理解了。