Fond Dégradé Frontière
Selon CSS Astuces, le code CSS suivant la syntaxe résultat en bordure gauche de gradient.
.left-to-right {
border-width:3px 0 3px 3px;
-webkit-border-image:
-webkit-gradient(linear, 100% 0, 0 0, from(black), to(rgba(0, 0, 0, 0))) 1 100%;
-webkit-border-image:
-webkit-linear-gradient(right, black, rgba(0, 0, 0, 0)) 1 100%;
-o-border-image:
-o-linear-gradient(right, black, rgba(0, 0, 0, 0)) 1 100%;
-moz-border-image:
-moz-linear-gradient(right, black, rgba(0, 0, 0, 0)) 1 100%;
}
Je vais essayer d'obtenir de la frontière dégradé sur le fond de l'élément.
J'ai essayé de changer cette
border-width:3px 0 3px 3px;
à ce
border-width:0 0 3px 0;
ce
border-width:0 3px 3px 3px;
Et ça ne fonctionne pas, quelqu'un peut-il m'aider à faire que la bordure inférieure de travailler?
Vous pouvez avoir besoin d'un navigateur WebKit pour ce faire.
Ici serait un violon pour un pour travailler avec; http://jsfiddle.net/HsTcf/
Grâce.
OriginalL'auteur henryaaron | 2012-10-14
Vous devez vous connecter pour publier un commentaire.
est correct.
Toutefois, le texte suivant a changé dû être faites:
besoin d'être modifié pour
et
1 100%;
à100% 1;
.Démo: jsfiddle.net/HsTcf/3
OriginalL'auteur uınbɐɥs