課程
/前端開發(fā)
/CSS3
/css3實現(xiàn)網(wǎng)頁平滑過渡效果
為什么我的三角形制作沒有出來呢?
2015-05-10
源自:css3實現(xiàn)網(wǎng)頁平滑過渡效果 1-6
正在回答
寫before、after的時候要注意,content屬性一定要有,如果沒有內(nèi)容也要寫為空,不然是不會顯示的;
寫三角的時候,width和height要為0;
在寫邊框的時候要把背景寫成transparent(透明),想要哪個方向的箭頭,就讓相反方向的邊框加顏色;
建議在before、after要做絕對定位的時候,設(shè)置啟父對象為相對定位。
/*?css部分?*/ a{ ????position:?relative; } a::after{ ????content:?''; ????border:?10px?solid?transparent; ????border-left-color:?#1DCEC0; ????position:?absolute; ????left:?110%; }
<!--?html部分?--> <a?href="#">TEST</a>
舉報
CSS3 打造頁面之間的平滑過渡效果,帶來神奇的體驗
2 回答為什么倒三角沒有出來呢
2 回答a:after制作的三角形定位問題
3 回答小三角的制作
3 回答三角形制作看不懂,求高人解釋
2 回答為什么導(dǎo)航層的三角形沒出來,求各位大神提示一下
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-02-02
寫before、after的時候要注意,content屬性一定要有,如果沒有內(nèi)容也要寫為空,不然是不會顯示的;
寫三角的時候,width和height要為0;
在寫邊框的時候要把背景寫成transparent(透明),想要哪個方向的箭頭,就讓相反方向的邊框加顏色;
建議在before、after要做絕對定位的時候,設(shè)置啟父對象為相對定位。