이런 갤러리 스킨은 어떻게 만드나요? 채택완료

</p>

<p><style>

ul.wrap {

    list-style-type: none;

    display: flex;

    justify-content: space-between;

}</p>

<p>ul.wrap li:nth-child(even) img {

    -webkit-mask-image: url(<a href="https://static.wikia.nocookie.net/lgbtqia-sandbox/images/f/f2/Pink_triangle.png/revision/latest/scale-to-width-down/200?cb=20220402114300);" target="_blank" rel="noopener noreferrer">https://static.wikia.nocookie.net/lgbtqia-sandbox/images/f/f2/Pink_triangle.png/revision/latest/scale-to-width-down/200?cb=20220402114300);</a>

    mask-image: url(<a href="https://static.wikia.nocookie.net/lgbtqia-sandbox/images/f/f2/Pink_triangle.png/revision/latest/scale-to-width-down/200?cb=20220402114300);" target="_blank" rel="noopener noreferrer">https://static.wikia.nocookie.net/lgbtqia-sandbox/images/f/f2/Pink_triangle.png/revision/latest/scale-to-width-down/200?cb=20220402114300);</a>

}</p>

<p>ul.wrap li:nth-child(odd) img {

    -webkit-mask-image: url(<a href="https://static.wikia.nocookie.net/lgbtqia-sandbox/images/1/14/Pink_triangle_up.png/revision/latest/scale-to-width-down/200?cb=20220402114320);" target="_blank" rel="noopener noreferrer">https://static.wikia.nocookie.net/lgbtqia-sandbox/images/1/14/Pink_triangle_up.png/revision/latest/scale-to-width-down/200?cb=20220402114320);</a>

    mask-image: url(<a href="https://static.wikia.nocookie.net/lgbtqia-sandbox/images/1/14/Pink_triangle_up.png/revision/latest/scale-to-width-down/200?cb=20220402114320);" target="_blank" rel="noopener noreferrer">https://static.wikia.nocookie.net/lgbtqia-sandbox/images/1/14/Pink_triangle_up.png/revision/latest/scale-to-width-down/200?cb=20220402114320);</a>

}

</style></p>

<p><ul class="wrap">

    <li><img src="<a href="https://sir.kr/img/common/dow/ico2-dw06.svg"" target="_blank" rel="noopener noreferrer">https://sir.kr/img/common/dow/ico2-dw06.svg"</a> width="200" height="200" /></li>

    <li><img src="<a href="https://sir.kr/img/common/dow/ico2-dw06.svg"" target="_blank" rel="noopener noreferrer">https://sir.kr/img/common/dow/ico2-dw06.svg"</a> width="200" height="200" /></li>

    <li><img src="<a href="https://sir.kr/img/common/dow/ico2-dw06.svg"" target="_blank" rel="noopener noreferrer">https://sir.kr/img/common/dow/ico2-dw06.svg"</a> width="200" height="200" /></li>

    <li><img src="<a href="https://sir.kr/img/common/dow/ico2-dw06.svg"" target="_blank" rel="noopener noreferrer">https://sir.kr/img/common/dow/ico2-dw06.svg"</a> width="200" height="200" /></li>

</ul></p>

<p>