Box Shadow - 外部稀释

html
css

2015-07-20 40 views 1 likes

仅使用CSS，如何给div一个中间较厚的阴影，并在其外出时变薄？ box-shadow似乎没有提供一种方法。Box Shadow - 外部稀释

这里有一个例子，http://www.ifirma.pl/bonusy。头部有我想要的影子：

enter image description here

然而，这是一个与背景图像进行。纯粹在CSS中可能吗？

来源

2015-07-20 Daniel Few

我不明白你的例子与你的问题有什么关系。 –

对不起，李斯特先生，很难看到那里。如果你去这个页面，你会看到它好多了。另外我的解释并不是很好：http://www.ifirma.pl/bonusy。标题有一个在中间开始变厚的阴影，并随着变得更远而变淡。 –

回答

是的，这是可能的！

见，https://css-tricks.com/almanac/properties/b/box-shadow/

使用利差损半径，你可以在一个盒子里的影子得到挤压，只有推过一个盒子的一个边缘。

.one-edge-shadow { 
    -webkit-box-shadow: 0 8px 6px -6px black; 
    -moz-box-shadow: 0 8px 6px -6px black; 
      box-shadow: 0 8px 6px -6px black; 
}

还尝试， “效果6” 从上面提供的链接的例子。

来源

2015-07-20 19:25:22

这就是我正在寻找的，以及更多！令人惊叹的效果，只使用盒子阴影！非常感谢。我必须留意这个CSS技巧网站，我已经看过几次，它有一些优秀的指南。 –

Box Shadow - 外部稀释

回答

相关问题