Ici CSS:-webkit-border-image: -webkit-gradient linéaire uniquement pour la bordure gauche
-webkit-border-image: -webkit-linear-gradient(top, transparent, #f9f9f9 20%, #f9f9f9 80%, transparent) 0 0 0 1;
It't afficher comme:
Comment faire comme
border-image: -webkit-linear-gradient(top, transparent, #f9f9f9 20%, #f9f9f9 80%, transparent) 0 0 0 1;
Faites comme 2 absolute et inline-block « s:
CSS
.menu {
position: absolute;
display: inline-block;
margin-left: 100px;
}
.menu:before {
content: " ";
display: inline-block;
position: absolute;
height: 100%;
border-left: 1px solid;
border-image: linear-gradient(to top, transparent, #f9f9f9 20%, #f9f9f9 80%, transparent) 0 0 0 1;
border-image: -webkit-linear-gradient(top, transparent, #f9f9f9 20%, #f9f9f9 80%, transparent) 0 0 0 1;
border-image: -moz-linear-gradient(top, transparent, #f9f9f9 20%, #f9f9f9 80%, transparent) 0 0 0 1;
-webkit-border-image: -webkit-linear-gradient(top, transparent, #f9f9f9 20%, #f9f9f9 80%, transparent) 0 0 0 1;
}
Qu'en est-'-largeur de la bordure: 0; bordure-gauche-largeur: 5px; '? – Morpheus
Non, pas de résultat. – Zekfad
Les questions qui demandent de l'aide ("** pourquoi pas, ou comment faire, ce code fonctionne? **") doivent inclure le comportement désiré, un problème ou une erreur spécifique et le code le plus court nécessaire pour le reproduire ** dans la question lui-même **. Les questions sans ** un énoncé de problème clair ** ne sont pas utiles aux autres lecteurs. Voir: [Comment créer un exemple minimal, complet et vérifiable] (http://stackoverflow.com/help/mcve). – LGSon