노래방의 자막은 노래가 진행됨에 따라 점차적으로 켜지게 됩니다. 자막은 하나씩 켜지지 않고 점차적으로 전환되기 때문에 웹 페이지에서 이 효과를 구현하려면 두 개의 레이어를 사용해야 합니다. 동일하더라도 색상이 다르고 아래쪽 레이어는 변경되지 않고 위쪽 레이어가 점차 넓어져 아래쪽 레이어를 덮습니다. 이 효과는 Flash에서도 이 효과를 얻는 데 사용됩니다. 이 기사에서는 영감을 주기 위한 기본적인 예를 제공합니다.
핵심은 두 레이어의 텍스트 크기와 줄 높이가 동일하고 두 번째 레이어에 적절한 위치, 상단, 오버플로, 너비 스타일 속성 및 nowrap HTML 속성이 설정된다는 것입니다.
CSS에 대한 해석이 다르고 특정 속성이 지원되지 않기 때문에 브라우저에 따라 이 효과를 얻지 못할 수도 있습니다. IE의 예를 확인하세요.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
