css div 글 라인 제한 및 그라데이션

< 라인 제한 >
한 div 내의 몇 줄의 글이 등록 될 수 있는지 제한합니다.

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;

text line 그라데이션

background: linear-gradient(to bottom, ${colors.neutral300}, rgba(17, 24, 39, 0));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

< 응용 >
div 내의 text 2줄만 표현 후 말줄임표 처리

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;