CSS 선형 그래디언트를 사용하여 특정 PNG를 모방합니다.

Question

순수한 CSS 그래디언트로이 이미지를 다시 만들고 싶습니다. ---><---입니다.

어떻게 접근하는 것이 가장 좋을까요?

위의 이미지를 배경으로 사용하기 위해 순수 CSS 그라데이션을 사용하여 모방 할 수 있습니까?

Answer 1

background-repeat: repeat;으로 그 이미지를 사용하여 image을 반복하십시오.

.repeat { 
 
    width: 500px; 
 
    height: 500px; 
 
    background-image: url(https://i.stack.imgur.com/yUjwo.png); 
 
    background-repeat: repeat; 
 
}

<div class="repeat"></div>