마우스 오버시 부드럽게 나타나는 텍스트

마우스 오버시 부드럽게 나타나는 텍스트

QA

마우스 오버시 부드럽게 나타나는 텍스트

본문

안녕하세요

항상 답변해주신 분들께 먼저 감사 인사 드립니다(__)... 관심이 많지만 초보라서 이번에도 질문드려요

 

이리저리 돌아다니다가 본 사이트인데요,

테이블안에 A 텍스트가 있는데

마우스를 가져가니 A 텍스트가 사라지면서 B 텍스트가 부드럽게 나타나는 걸 보았습니다

더 신기한 건 글자가 써 있던 테이블 역시 B 텍스트 길이에 맞춰서 "부드럽게 늘어났다"는 점인데요

(말은 테이블이라 칭했는데 진짜 TABLE 태그를 쓴 건지, 이미지인지, CCS 혹은 JS 효과인지는 모르겠습니다;)

 

그리고 나중에 공부해봐야지 하고 피곤해서 그대로 자버렸더니 페이지 기록을 찾을 수가 없네요^^ㅜㅜ

구글링을 다시 계속 해보고 있지만 제가 본 것과 비슷한 건 못찾은 상황입니다...
이런 효과는 어떻게 낼 수 있을까요?

도움 부탁드립니다

이 질문에 댓글 쓰기 :

답변 1

여러가지 방법으로 가능하지만

제가 추천해드리고 싶은건 css 트랜지션 효과 입니다.

js 없이 단순 css 만으로 애니메이션이 가능합니다.

https://codepen.io/hans/pen/utHhI

답변해주신 것도 너무너무 감사합니다만...! 디자인 시안에 최대한 맞추고 싶어서요, 혹시 이걸 적용하려면 어떻게 해야 할까요?
https://octomoosey.tumblr.com/post/145021125372/hi-g-i-love-your-themes-im-using-your-tutorial

답변을 작성하시기 전에 로그인 해주세요.
전체 40
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT