반응형
SMALL
이팩트 가상클래스(hover) & 트랜지션 (transition)
마우스 오버했을때 애니메이션 효과로 전환이 되는 방법
++ a 태그 사용 시 href="" 링크 비워두면 제이쿼리가 작동X 감점처리됨
트랜지션은 hover 효과와 동일한 위치에 적용하면 안됨
transition 효과는 0.5s 초 정도 주는데 hover 속성값안에 넣으면 마우스 나갈때는 적용안됨
hover말고 a 태그 속성안에 넣어줘야 자연스럽게 적용됨
transition은 필수는 아님. 그러나 넣으면 완성도가 더 높아보임
hover영역에 태그 겹치게 넣지않기
강의 따로 들으니까 쉽고 재밌네!
반응형
LIST
'학 습 일 지 2 0 2 2' 카테고리의 다른 글
코딩웍스 제이쿼리 jQuery : 시작하기(폴더구조, 링크방법) (0) | 2022.08.02 |
---|---|
코딩웍스 인강 : 가상클래스 만들기 nth-child, nth-of-type (0) | 2022.08.01 |
퍼블리싱의 모든 것, 인라인요소, 블록 요소, 인라인블록요소 (0) | 2022.08.01 |
2022 웹디자인 기능사 시험 일정, 인프런 코딩웍스 실기시험 강의 (0) | 2022.08.01 |
인프런 코딩웍스 인강 : float 속성, overflow, clear, inline-block (0) | 2022.08.01 |