[CSS] 마우스 hover 시, transition을 이용해 배경색 채우기
블로그를 옮기고 첫번째 글입니다.
차근차근 코드들을 옮기고, 수정작업을 거칠 것입니다.
이번 내용은 css만으로, 움직임효과를 내는 것인데요.
마우스를 태그에 올렸을때, 왼쪽에서부터 오른쪽으로 배경색이 차는 듯한 효과를 낼 수 있습니다.
아래의 코드를 통해 자세한 사항이 확인 가능합니다.
[All] JavaScript 와 CSS를 이용해 글자크기 조절버튼 구현하기
관공서에 많이 쓰이는 형태면서, 돋보기 기능이라고 해야할까요. 브라우저를 줌인, 줌 아웃 시키는 기능을 JavaScript와 CSS를 이용해 구현하고자 합니다. CSS 속성중에 zoom 을 사용할 건데, 브라우저가 firefox인 경우에는 지원하지 않는 속성이기 때문에, firefox로 접속했을 경우에는 zoom 외에 transform의 scale() 를 적용해줘야합니다. 코드는 아래와 같습니다. See the Pen KZaRqJ by jemaime ( @eunjin10914 ) on CodePen .
댓글
댓글 쓰기