锥形/淡入淡出CSS框阴影?

前端之家收集整理的这篇文章主要介绍了锥形/淡入淡出CSS框阴影?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个CSS下拉菜单,我正在尝试构建,下拉的背景有一个褪色/锥形框阴影:

我无法解决如何让盒子阴影实际逐渐变细/渐弱的问题.

这就是我现在所处的位置:http://jsfiddle.net/Shpigford/f9aKR/

我尝试过使用:之前和之后:伪选择器之后,除了其他方面,但是不能完全正确.

为了澄清,我特别需要帮助下拉下的阴影.我的jsFiddle是一个精简版本,以保持示例尽可能简单.

解决方法

>我添加了一个before元素.
>给它一个渐变背景(从透明到半透明的黑色),以实现从上到下的淡入淡出.
>给它一个插入的盒子阴影来实现in – > outfade.

看看 – > http://jsfiddle.net/f9aKR/22/

根据需要编辑淡入淡出/颜色的数量.

猜你在找的CSS相关文章