Bonsoir,

Dans une div, j'aimerai faire un petit effet dégradé sur le border-top à l'aide de linear-gradient ou autre..

Par exemple : (L) transparent => gray (C) => transparent (R), mais l'exemple suivant me colore toute la div..

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
.test-border {
       width: 500px;
	background: -webkit-linear-gradient(left, transparent, gray, transparent);
  	background: -moz-linear-gradient(left, transparent, gray, transparent);
  	background: -ms-linear-gradient(left, transparent, gray, transparent);
  	background: -o-linear-gradient(left, transparent, gray, transparent);
}
<div class="test-border">Contenu variable en hauteur...</div>
Savez-vous si c'est possible ?

merci d'avance pour votre réponse,