1
두 그라데이션이있는 배경을 만들고 싶습니다.CSS 배경에 여러 그라디언트 레이어 적용
아래 예제를 만들었고 여러 그라디언트를 함께 넣을 수없는 것 같습니다. 배경 색상을 포함 할 수
마지막 배경 :
.radial-gradient { background: radial-gradient(red, yellow, rgb(30, 144, 255)); } .linear-repeat { background: repeating-linear-gradient(45deg, blue, blue 5px, white 5px, white 10px); } .combined-gradient { background: radial-gradient(red, yellow, rgb(30, 144, 255)), repeating-linear-gradient(45deg, blue, blue 5px, white 5px, white 10px); }
<div class="radial-gradient">radial gradient</div><br/> <div class="radial-gradient linear-repeat">linear gradient</div><br/> <div class="radial-gradient linear-repeat">combined gradient 1</div><br/> <div class="combined-gradient">combined gradient 2</div>
아마 다음과 같은 제약 조건이 레이어링 방지 그라디언트 (예를 MDN-Using multiple backgrounds & MDN-gradient를 기반으로 만들어졌습니다).
두 그라디언트를 배경으로 레이어 할 수없는 경우 어떻게 다른 레이어로 레이어해야합니까?