課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
設(shè)置陰影的時(shí)候怎么確定設(shè)置的是哪一條邊框？
2016-08-25
源自：十天精通CSS3 2-2
正在回答
box-shadow:4px 4px 6px #666, /*外陰影右下角*/ ? ?-10px -6px 6px green, ? ? ? ?/*外陰影左上角*/ ? ?4px 4px 4px blue inset, ? ? ?/*內(nèi)陰影左上角*/ ? ?-5px -5px 6px red inset, ? ? /*內(nèi)陰影右下角*/ ? ?-8px 10px 4px #4c221b inset, /*內(nèi)陰影右上角*/ ? ?10px -8px 4px #ff7500 inset; /*內(nèi)陰影左下角*/
設(shè)置陰影時(shí)用到：box-shadow:?X軸偏移量?Y軸偏移量?[陰影模糊半徑]?[陰影擴(kuò)展半徑]?[陰影顏色]?[投影方式];
外部投影：x正值陰影在右邊 負(fù)值在左邊，y正值引用是在下邊負(fù)值在上邊 通過x y的正負(fù)值設(shè)置陰影上下左右；
內(nèi)部投影（inset）：與外部投影的方向相反
設(shè)置陰影時(shí)用到
box-shadow:?X軸偏移量?Y軸偏移量?[陰影模糊半徑]?[陰影擴(kuò)展半徑]?[陰影顏色]?[投影方式];
其中Y軸偏移量表示垂直陰影的位置，也就是上下兩邊的陰影，如果不能理解的話，可以在代碼編寫時(shí)將X軸偏移量設(shè)置為0，這樣便于觀察位置
box-shadow:0px?8px?6px?#666?;
此時(shí)，會(huì)發(fā)現(xiàn)下邊有陰影，當(dāng)Y軸偏移量取負(fù)值時(shí)，陰影在上面?。
同理，
box-shadow:8px?0px?6px?#666?;
此時(shí)，陰影出現(xiàn)在右側(cè)。
x正值陰影在右邊 負(fù)值在左邊，y正值引用是在下邊負(fù)值在上邊 通過x y的正負(fù)值設(shè)置陰影上下左右
先是x軸方向，然后是y軸方向，最后再看值是負(fù)值還是正正值，就可以判斷了
看正負(fù)值區(qū)分呢呀
舉報(bào)
本課程為CSS3入門教程，深刻詳解CSS3知識(shí)讓網(wǎng)頁穿上絢麗裝備
1 回答邊框陰影透明度可以設(shè)置嗎
4 回答PSD設(shè)計(jì)稿里有文字陰影，前端怎么確定陰影的值呢？
2 回答模糊半徑和擴(kuò)展半徑怎么回事？多個(gè)外部陰影的時(shí)候，右下陰影，左上陰影怎么選擇的？?jī)?nèi)部陰影能只選擇某一條邊嗎？
2 回答陰影變寬的起始位置
3 回答如何對(duì)邊框圖片進(jìn)行設(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-11-06
box-shadow:4px 4px 6px #666, /*外陰影右下角*/
? ?-10px -6px 6px green, ? ? ? ?/*外陰影左上角*/
? ?4px 4px 4px blue inset, ? ? ?/*內(nèi)陰影左上角*/
? ?-5px -5px 6px red inset, ? ? /*內(nèi)陰影右下角*/
? ?-8px 10px 4px #4c221b inset, /*內(nèi)陰影右上角*/
? ?10px -8px 4px #ff7500 inset; /*內(nèi)陰影左下角*/
2016-10-18
設(shè)置陰影時(shí)用到：box-shadow:?X軸偏移量?Y軸偏移量?[陰影模糊半徑]?[陰影擴(kuò)展半徑]?[陰影顏色]?[投影方式];
外部投影：x正值陰影在右邊 負(fù)值在左邊，y正值引用是在下邊負(fù)值在上邊 通過x y的正負(fù)值設(shè)置陰影上下左右；
內(nèi)部投影（inset）：與外部投影的方向相反
2016-08-28
設(shè)置陰影時(shí)用到
其中Y軸偏移量表示垂直陰影的位置，也就是上下兩邊的陰影，如果不能理解的話，可以在代碼編寫時(shí)將X軸偏移量設(shè)置為0，這樣便于觀察位置
此時(shí)，會(huì)發(fā)現(xiàn)下邊有陰影，當(dāng)Y軸偏移量取負(fù)值時(shí)，陰影在上面?。
同理，
此時(shí)，陰影出現(xiàn)在右側(cè)。
2016-08-26
x正值陰影在右邊 負(fù)值在左邊，y正值引用是在下邊負(fù)值在上邊 通過x y的正負(fù)值設(shè)置陰影上下左右
2016-08-25
先是x軸方向，然后是y軸方向，最后再看值是負(fù)值還是正正值，就可以判斷了
2016-08-25
看正負(fù)值區(qū)分呢呀