html 소스
Copy
<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개 / 댓글 3개
2020-12-14 (월) 16:19:15
http://angrytools.com/css-generator/text-shadow/
여기 방문하셔서 새로 만드시는게 빠르시겠습니다.
아님 이미지 추천드립니다. ^ ^
답변에 대한 댓글 3개
2020-12-14 (월) 16:44:36
텍스트는 동적으로 생성하는거라...(이미지로 하려면 서버언어(php같은거)가 필요한데 서버언어 사용가능한 환경이 아님)
2020-12-14 (월) 17:29:42
직접해드릴수는 없으나 저부분 CSS 만 따로 사용하시는 에디터에 복사하셔서,
#fff --> #053f00 이런 칼라값만 리플레이스 하시면 해결 되실겁니다..
그림상으론.
#fff --> #053f00 이런 칼라값만 리플레이스 하시면 해결 되실겁니다..
그림상으론.
2020-12-14 (월) 19:01:34
노래방 자막처럼 만들건데(jquery animate() 사용) 그건 칼라값 리플레이스로 해결이 안될거 같습니다.....
답변을 작성하려면 로그인이 필요합니다.