文章詳情頁
css - 如何理解box-shadow中的inset?
瀏覽:215日期:2023-07-28 18:55:53
問題描述
在box-shadow屬性中可以設(shè)置外陰影,內(nèi)陰影。外陰影比較好理解。如何理解內(nèi)陰影呢?比如,
#Example_L {-moz-box-shadow: inset 0 0 5px 5px #888;-webkit-box-shadow: inset 0 0 5px 5px#888;box-shadow: inset 0 0 5px 5px #888;}
想象不出該有的樣子。。。我對外陰影的理解是光從元素上方照過來產(chǎn)生的投影。幾個數(shù)值是對產(chǎn)生的投影的修飾。但是內(nèi)陰影是如何產(chǎn)生的呢?
問題解答
回答1:inset是從元素側(cè)邊進行投影,但是只渲染盒子內(nèi)部的,丟棄外部的陰影而已.
回答2:box-shadow是一個非常好的功能 最初設(shè)計目標(biāo)是來實現(xiàn)ps blur shadow的http://blog.csdn.net/freshlover/article/details/7610269
標(biāo)簽:
CSS
相關(guān)文章:
1. docker綁定了nginx端口 外部訪問不到2. dockerfile - 為什么docker容器啟動不了?3. git - webstorm窗口中左側(cè)列表的文件名顏色怎么修改4. javascript - 深夜被問題困擾求解惑,rn的API之PermissionsAndroidd的問題5. javascript - 最近用echarts做統(tǒng)計圖時遇到兩個問題!!6. android權(quán)限被第三方安全軟件禁止,如何獲取該權(quán)限狀態(tài)7. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?8. mysql - 我的myeclipse一直連顯示數(shù)據(jù)庫連接失敗,不知道為什么9. tp 6.0 數(shù)據(jù)查詢,求教!10. mysqld無法關(guān)閉
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備