Clip-path vs box-shadow.

Résolu/Fermé

sacapuss2 Messages postés 26 Date d'inscription mardi 9 août 2011 Statut Membre Dernière intervention 21 mai 2020 - 19 mai 2020 à 21:39
sacapuss2 Messages postés 26 Date d'inscription mardi 9 août 2011 Statut Membre Dernière intervention 21 mai 2020 - 21 mai 2020 à 12:08

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.

A voir également:

Box shadow clip path
Clip grab - Télécharger - Téléchargement & Transfert
Tera box - Télécharger - Stockage
Adresse ip box - Guide
Music box pro - Télécharger - Lecture & Playlists
Tv loin de la box free - Forum Audio

2 réponses

Réponse 1 / 2

prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
20 mai 2020 à 20:06

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

Réponse 2 / 2

sacapuss2 Messages postés 26 Date d'inscription mardi 9 août 2011 Statut Membre Dernière intervention 21 mai 2020 2
21 mai 2020 à 12:08

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

Discussions similaires

Avoir la télé sans box internet - avec la prise RJ45

Problème authentification

Seule le voyant d'alimentation de mon box plus de sfr s'allume

Traduction menu Illustrator...

my.canalbox.africa changer le mot de passe