스크롤 가능한 그라데이션 채팅 풍선
<p>다음 예와 같이 아래 그라데이션으로 스크롤할 때 변경되는 그라데이션이 있는 말풍선이 있는 흰색 컨테이너를 원합니다. </p>
<p><code>chatBubble</code> 뒤에 있는 <code>.container</code> 부분을 투명하게 만들어서 <code>.root</code> </p>
<p>
<pre class="brush:css;toolbar:false;">.root {
배경색: 선형 그라데이션(빨간색, 노란색);
폭: 100vw;
높이: 100vh;
}
.컨테이너 {
너비: 100%;
높이: 100vh;
배경색: 흰색
}
.chatBubble {
배경색: 투명;
테두리 반경: 4px;
최소 너비: 50;
패딩: 10px;
}</pre>
<pre class="brush:html;toolbar:false;"><div class="root">
<div class="컨테이너">
<chatBubble>채팅 풍선입니다</chatBubble>
<chatBubble>이것은 또 다른 채팅 풍선입니다</chatBubble>
</div>
</p>
