文章詳情頁
css - 如何理解box-shadow中的inset？
瀏覽：123日期：2023-07-28 18:55:53
問題描述
在box-shadow屬性中可以設置外陰影，內陰影。外陰影比較好理解。如何理解內陰影呢？比如，
#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;}
想象不出該有的樣子。。。我對外陰影的理解是光從元素上方照過來產生的投影。幾個數值是對產生的投影的修飾。但是內陰影是如何產生的呢？
問題解答
回答1：inset是從元素側邊進行投影,但是只渲染盒子內部的,丟棄外部的陰影而已.
回答2：box-shadow是一個非常好的功能 最初設計目標是來實現ps blur shadow的http://blog.csdn.net/freshlover/article/details/7610269
標簽：
CSS
相關文章：
1. node.js - nodejs+express+vue2. javascript - vue2.0中使用vue2-dropzone的demo，vue2-dropzone的github網址是什么？？百度不到。3. node.js - win7下，npm 無法下載依賴包，淘寶鏡像也裝不上，求幫忙？？？4. Python 子類能否覆蓋全局函數?5. javascript - JS如何取對稱范圍的隨機數？6. 前端 - @media query 使用出現的問題？7. java軟引用在android中有實際應用場景嗎?8. kv存儲 - 怎樣用 Redis 緩存微博的評論列表？9. javascript - vue上傳圖片，并顯示在頁面中的插件10. mysql - sql 找出2個數據庫的差異表名
排行榜
網公網安備