Box shadow à gauche et à droite qui disparaît au fur et à mesure

Bonjour à tous,

J'aimerais faire une ombre à gauche et à droite de mon div qui devient de moins en moins opaque au fur et à mesure qu'on descend. Comme ici : http://img11.hostingpics.net/pics/377621Boxshadow.jpg

Savez-vous comment faire en CSS svp ?

Merci.

Il me semble pas que ce soit faisable en CSS.. Essaie en image.
Modifié par Knozelfhoegtj (03 Jan 2013 - 17:11)

Bonjour,

c'est faisable mais relativement compliqué et peu compatible : il s'agirait d'utiliser ::before et ::after, leur donner des dimensions suffisantes, puis leur appliquer le box-shadow et un transform:rotate() afin de les décaler.

C'est le principe de base mais en cherchant un peu sur Google plusieurs techniques et modèles sont proposés ( et sur des sites comme css-tricks ou le blog de Nicholas Gallagher par exemple ).

Bonne continuation !