CSS 阴影变边

标签 css shadows

-moz-box-shadow: inset 3px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 3px 3px rgba(0,0,0,0.5);
box-shadow: inset 3px 3px rgba(0,0,0,0.5);

这会在顶部和左侧形成一个嵌入阴影。我想不出把它放在底部和右边!

最佳答案

使位置值为负:

-moz-box-shadow: inset -3px -3px rgba(0,0,0,0.5);
-webkit-box-shadow: inset -3px -3px rgba(0,0,0,0.5);
box-shadow: inset -3px -3px rgba(0,0,0,0.5);

关于CSS 阴影变边,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4935212/

相关文章:

javascript - 如何将滚动上的淡入淡出链接到滚动的位置?

html - 如何将文本和图像对齐在一行上并将它们放置在左侧和/或右侧?

.net - VB.NET 中的“阴影”与 'Overrides'

rendering - Three.js - 使用延迟渲染向区域光添加阴影

html - IOS Safari <select> 元素

css - 滚动和表格滚动进入背景时如何固定表格标题

javascript - 阴影未正确转换到导入的 OBJ 上

iPhone游戏2D阴影

css - :nth-child(1) versus :first-child in css pseudo selectors are there any merits in choosing one method over the other?有什么区别

html - css 阴影未正确应用在图像底部