Tengo una gota CSS menú desplegable que yo estoy tratando de construir, y el fondo de la lista desplegable tiene una caja/cónica desvanecido sombra:Taper/fade CSS shadow box?
Tengo problemas quitándose cómo hacer que la sombra de la caja realmente se reduzca o desaparezca.
Aquí es donde estoy en este momento: http://jsfiddle.net/Shpigford/f9aKR/
He intentado usar :before
y :after
seudo selectores, entre otras cosas, pero no puedo hacerlo bien.
Para aclaración, específicamente solo necesito ayuda con la sombra en el menú desplegable. Mi jsFiddle es una versión simplificada para mantener el ejemplo lo más sencillo posible.
Parece desvanecido para mí. –
No lo es. Es solo compensación. Mira de cerca. :) La imagen de ejemplo se desvanece gradualmente, y el CSS en mi jsFiddle simplemente se desvaneció la cantidad del radio de la sombra. – Shpigford
Para que quede claro, estás contento con la parte inferior de 'box-shadow', pero ¿te gustaría que las partes izquierda y derecha se desvanezcan? – thirtydot