28172 sujets

CSS et mise en forme, CSS3

Bonjour,
Je cherche ms je ne trouve pas... Je souhaite avoir un dégradé sur une seule bordure pour reproduire le design de l'image jointe. Ca a pas l'air si simple car box shadow ne fonctionne pas ici...
Pouvez-vous me mettre sur une piste ?
Merciiiiiiiii
Bonne journée upload/1675425685-50580-capture.jpg
Modérateur
Tu parles à la fois de dégradé et de box-shadow. Est-ce plutôt un dégradé (gradient) ou une ombre (shadow) que tu veux ?
Si je par rapport à l'image, je vois une ombre, je vais partir la dessus.
Une solution simple serait de faire un parent grid d'ajouter une shadow déportée sur la droite aux enfants et d'ajouter un overflow hidden sur le parent pour masquer ce qui peut dépasser. Il faut absolument ne pas de donner de taille au parent pour ne pas générer de scrollbars.
Un petit exemple pour visualiser

Une autre méthode serait de faire une pseudo élément (before) qui serait positionné en absolu, 1px de large, et une shadow.

Smiley smile