文章詳情頁
css - 如何理解box-shadow中的inset?
瀏覽:115日期: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. ddos - apache日志很多其它網址,什么情況?2. 怎么在phpstudy中用phpexcel上傳數據到MYSQL?3. javascript - 百度搜索網站,如何讓搜索結果顯示一張圖片加上一段描述,如圖;求教4. 二維數組怎么重新組合5. docker綁定了nginx端口 外部訪問不到6. vue.js - centos 使用vue-cli. 執行npm run dev 報錯7. php由5.3升級到5.6后,登錄網站,返回的是php代碼,不是登錄界面,各位大神有知道的嗎?8. javascript - 如何在同一臺電腦上配置不同主機的2個git賬號?9. 發現了多個名稱為[spring_web]的片段。相對順序不合法10. android - 使用vue.js進行原生開發如何進行Class綁定
排行榜
