CSS 그라데이션

tailwindcss 활용한 그라데이션 효과 노트

예제 코드

<div className={'absolute bottom-0 right-0 h-[20px] w-full bg-gradient-to-t
from-white to-0%'}></div>

클래스

bg-gradient-to-t
그라데이션 적용 아래부터 위로

from-white
시작점 흰색

to-0%
목적지 0%