마우스 오버시 부드럽게 나타나는 텍스트
본문
안녕하세요
항상 답변해주신 분들께 먼저 감사 인사 드립니다(__)... 관심이 많지만 초보라서 이번에도 질문드려요
이리저리 돌아다니다가 본 사이트인데요,
테이블안에 A 텍스트가 있는데
마우스를 가져가니 A 텍스트가 사라지면서 B 텍스트가 부드럽게 나타나는 걸 보았습니다
더 신기한 건 글자가 써 있던 테이블 역시 B 텍스트 길이에 맞춰서 "부드럽게 늘어났다"는 점인데요
(말은 테이블이라 칭했는데 진짜 TABLE 태그를 쓴 건지, 이미지인지, CCS 혹은 JS 효과인지는 모르겠습니다;)
그리고 나중에 공부해봐야지 하고 피곤해서 그대로 자버렸더니 페이지 기록을 찾을 수가 없네요^^ㅜㅜ
구글링을 다시 계속 해보고 있지만 제가 본 것과 비슷한 건 못찾은 상황입니다...
이런 효과는 어떻게 낼 수 있을까요?
도움 부탁드립니다
답변 1
여러가지 방법으로 가능하지만
제가 추천해드리고 싶은건 css 트랜지션 효과 입니다.
js 없이 단순 css 만으로 애니메이션이 가능합니다.
답변해주신 것도 너무너무 감사합니다만...! 디자인 시안에 최대한 맞추고 싶어서요, 혹시 이걸 적용하려면 어떻게 해야 할까요?
https://octomoosey.tumblr.com/post/145021125372/hi-g-i-love-your-themes-im-using-your-tutorial
답변을 작성하시기 전에 로그인 해주세요.
