css 트랜지션 질문 입니다.

Question

#lnb ul.lnb li { position:relative; line-height:50px; height:50px; background:#3c3b40 }
#lnb ul.lnb li:hover { border-left:3px solid #5096dc; background:#272625 }

마우스 오버시 배경색이 좌측에서 우측까지 애니메이션 되면서 채워졌으면 좋겠습니다.

배경사이즈가 0% 에서 100% 되면서 채워지는것처럼요 ..

팻시 · Accepted Answer

그건 채워지려면 뭔가 객체(레이어나 그림 같은것))이 있어야 되요.

그래야 움직이죠.

특별한 것을 하실것이 아니라면 배경색 흰색 >>> 빨간색 같이 색상이 변하는 효과를 트랜지션으로 한다면 비슷한 느낌을 줄 수도 있을것 같네요.

티로그 · Answer

팻시님 말처럼 레이어를 사용하는 수 밖에 없을 것 같네요 http://note.tloghost.kr/ex/ex-css-transition.php

css 트랜지션 질문 입니다.

답변 2개

공유하기