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