CSS에 대한 -webkit-선형 구배 :-webkit 국경 이미지 : 만 여기에 왼쪽 테두리
-webkit-border-image: -webkit-linear-gradient(top, transparent, #f9f9f9 20%, #f9f9f9 80%, transparent) 0 0 0 1;
It't는 표시 :
어떻게 만들 그것으로
border-image: -webkit-linear-gradient(top, transparent, #f9f9f9 20%, #f9f9f9 80%, transparent) 0 0 0 1;
은 2 absolute 및 inline-block 년대처럼 확인 :
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;
}
무엇 국경 폭'에 대해 : 0; border-left-width : 5px; '? – Morpheus
아니, 결과가 없습니다. – Zekfad
도움을 얻으려는 질문 ("**이 코드는 작동하지 않습니까? **")에는 원하는 동작, _specific 문제 또는 오류 및 해당 질문을 재현하는 데 필요한 가장 짧은 코드가 포함되어야합니다 그 자체**. ** 명확한 문제 성명 **이없는 질문은 다른 독자에게 유용하지 않습니다. 참조 : [최소한의 완전하고 검증 가능한 예제를 만드는 방법] (http://stackoverflow.com/help/mcve). – LGSon