文章詳情頁
css - 如何理解box-shadow中的inset?
瀏覽:112日期: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. 在應用配置文件 app.php 中找不到’route_check_cache’配置項2. html按鍵開關如何提交我想需要的值到數據庫3. mysql取模分表與分表4. HTML 5輸入框只能輸入漢字、字母、數字、標點符號?正則如何寫?5. gvim - 誰有vim里CSS的Indent文件, 能縮進@media里面的6. dockerfile - 我用docker build的時候出現下邊問題 麻煩幫我看一下7. 跟著課件一模一樣的操作使用tp6,出現了錯誤8. PHP類屬性聲明?9. objective-c - ios 怎么實現微信聯系列表 最好是swift10. javascript - 請教如何獲取百度貼吧新增的兩個加密參數
排行榜
