css 관련 질문입니다.
관련링크
본문
html 소스
<div id="lyrics" class="lyr-font-0" style="display: block;">
<div class="lyr-a">
<div class="lyr-0">ㅁㄴㅇㄹ <span class="lyr-type--1">ㅁㄴㅇㄹ</span></div>
<div class="lyr-1" style="width: 0px;">ㅁㄴㅇㄹ <span class="lyr-type--1">ㅁㄴㅇㄹ</span>
</div>
</div>
CSS 소스 : 링크첨부
원래는
이렇게 나오라고 짰는데 첫번째 이미지처럼 나옵니다. (보면은 .lyr-a .lyr-0 .lyr-type--1에 해당하는 span태그가 .lyr-a .lyr-1 .lyr-type--1에 해당하는 span 태그에 가려짐) 원래 overflow hidden을 주고 width를 0을 주면 두번째 span태그(.lyr-a .lyr-1 .lyr-type--1)까지 안보여야 하는데, 어케 해야 되나요?
답변 1
텍스트는 동적으로 생성하는거라...(이미지로 하려면 서버언어(php같은거)가 필요한데 서버언어 사용가능한 환경이 아님)
직접해드릴수는 없으나 저부분 CSS 만 따로 사용하시는 에디터에 복사하셔서,
#fff --> #053f00 이런 칼라값만 리플레이스 하시면 해결 되실겁니다..
그림상으론.
노래방 자막처럼 만들건데(jquery animate() 사용) 그건 칼라값 리플레이스로 해결이 안될거 같습니다.....
답변을 작성하시기 전에 로그인 해주세요.