퍼블리싱 (181) 썸네일형 리스트형 그라데이션, 마우스오버효과 button에 css만을 이용하여 그라데이션 효과와 마우스 오버 효과를 넣는 코드! HTML 1 2 3 cs CSS 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 div { width: 320px; max-width: 100%; margin: 0 auto; padding: 2rem; } button { width: 320px; max-width: 100%; height: 240px; margin: 0 auto; background-image: linear-gradient(#df3b65, #2B2E4A); background-size: auto 200%; background-position: 0 100%; transition: background-posit.. 이전 1 ··· 7 8 9 10 다음