transition css

[axeoweb]

Bonjour à tous,

Je suis confrontée à un petit soucis avec CSS, qqn pourra peut être m'aider... Le voici:

Je crée une div avec un box-shadow et pour faire un effet relief, je fais une div:before avec un autre box-shadow et un rotate, comme ça:

Ensuite, je veux qu'au passage de la souris, ma div fasse un zoom, donc j'effectue une transition de 0.6sec avec une transformation scale(1.5).

Seulement le soucis est que dès que je passe la souris, le zoom s'effectue bien mais ma div:before passe devant ma div au lieu de rester en dessous.

Quelqu'un a-t-il une idée ? J'ai essayé avec les z-index mais rien n'y fait...

Merci beaucoup, j'espère avoir été claire,

Cécile

[Licorne]

Avec un bout de code, ce serait plus simple