課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
求教這個(gè)是怎么實(shí)現(xiàn)的
2016-08-02
源自:十天精通CSS3 7-7
正在回答
翹邊陰影主要靠border-radius實(shí)現(xiàn)的 。
那就好。不用謝
建議你學(xué)一下http://idcbgp.cn/learn/240這個(gè)課程,css3實(shí)現(xiàn)翹邊陰影的效果。
番茄鹽煎肉 提問者
.effect::before, .effect::after{
? ? content:"";
position:absolute;?
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:50%;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
使用的:after和:before添加空元素,然后設(shè)置邊框陰影圓角radius的值
舉報(bào)
本課程為CSS3入門教程,深刻詳解CSS3知識(shí)讓網(wǎng)頁穿上絢麗裝備
1 回答用#陰影生效,用:沒陰影,為什么?
3 回答陰影的X,Y偏移量是怎么回事
4 回答PSD設(shè)計(jì)稿里有文字陰影,前端怎么確定陰影的值呢?
1 回答添加多個(gè)陰影,每個(gè)陰影的顏色是怎么定的?最多能添加多少?
5 回答陰影的參數(shù)
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)
2016-10-13
翹邊陰影主要靠border-radius實(shí)現(xiàn)的 。
2016-08-03
那就好。不用謝
2016-08-02
建議你學(xué)一下http://idcbgp.cn/learn/240這個(gè)課程,css3實(shí)現(xiàn)翹邊陰影的效果。
2016-08-02
.effect::before, .effect::after{
? ? content:"";
position:absolute;?
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:50%;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
2016-08-02
使用的:after和:before添加空元素,然后設(shè)置邊框陰影圓角radius的值