Clip-path vs box-shadow. [Résolu]

Signaler
Messages postés
27
Date d'inscription
mardi 9 août 2011
Statut
Membre
Dernière intervention
21 mai 2020
-
Messages postés
27
Date d'inscription
mardi 9 août 2011
Statut
Membre
Dernière intervention
21 mai 2020
-
Bonsoir,

sur un site dont je m’occupe, j'ai mis du box-shadow, sur l'onglet courant; puis j'ai voulu utiliser, sur les onglets, la propriété clip-path; du coup, l'ombre a disparu. Y-a-t-il un moyen de faire cohabiter les deux effets ?

Merci de votre aide.

2 réponses

Messages postés
1189
Date d'inscription
dimanche 7 octobre 2007
Statut
Membre
Dernière intervention
12 juin 2020
429
Hello,

malheureusement, la réponse est non. box-shadow et clip-path ne cohabitent pas ensemble.


Mais comme il y a toujours un mais...

tu vas pouvoir utiliser

filter: drop-shadow(5px 6px 3px rgba(50, 50, 0, 0.5));


exemple ici: https://codepen.io/mlatin/pen/RwWEvWo
Messages postés
27
Date d'inscription
mardi 9 août 2011
Statut
Membre
Dernière intervention
21 mai 2020
2
Merci, prosthetiks !

Effectivement, l'effet désiré est produit en utilisant la propriété filter: drop-shadow; précisons qu'il faut l'appliquer à un wrapeur, comme visible https://codepen.io/mlatin/pen/RwWEvWo

Voir l'effet in situ https://labo.doobee.fr/?les-onglets