CSS로 경사
2948 단어 CSS
적용
linear-gradient.
button.css
.button{
background: repeating-linear-gradient(45deg, #145e99, #145e99 10px, #088eb6 10px, #088eb6 20px);
}
45deg를 90deg 또는 180deg로 설정하면 경계의 방향을 변경할 수 있습니다.경계가 1px일 때/간격 편차가 발생할 때
다음 그림과 같이 background-size로 경계의 간격을 지정합니다.
(바른)
button.css
.button{
background-image: linear-gradient(-45deg, #145e99 25%, #088eb6 25%, #088eb6 50%, #145e99 50%, #145e99 75%, #088eb6 75%, #088eb6);
background-size: 4px 4px;
}
참고 자료
https://css-tricks.com/stripes-css/
http://stackoverflow.com/questions/23878398/diagonal-stripes-in-css-that-are-1px-wide
Reference
이 문제에 관하여(CSS로 경사), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/nnishimura/items/993280c9503b57ad63f6텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
