文章詳情頁
css - 如何理解box-shadow中的inset?
瀏覽:92日期: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. 數組按鍵值封裝!2. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””3. docker不顯示端口映射呢?4. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題5. java - 阿里的開發手冊中為什么禁用map來作為查詢的接受類?6. python3.x - git bash如何運行.bat文件?7. python - flask _sqlalchemy 能否用中文作為索引條件8. dockerfile - 我用docker build的時候出現下邊問題 麻煩幫我看一下9. nignx - docker內nginx 80端口被占用10. android - 百度地圖加載完成監聽
排行榜
