CSS(20)
-
border 그라데이션 + radius
HTML button CSS .btn { --border-width: 1px; --border-radius: 20.5px; width: 188px; height: 41px; border: 0; background:linear-gradient(91.45deg, #833AB4 3.65%, #FD1D1D 50.45%, #FCB045 98.37%) border-box; position: relative; border-radius: var(--border-radius); z-index: 1; } .btn::before { content: ""; display: block; width: calc(100% - calc(var(--border-width)*2)); height: calc(100% - calc(var(-..
2022.04.05 -
홈페이지 로딩 시 위에서 아래로 fadeIn 되는 효과
Fade In 효과
2022.04.04