728x90
반응형
SMALL
🟰hover(마우스가 해당 요소 위를 지나갈때)
☀️hover효과를 통해 마우스가 해당 요소를 지나갈 때 강조 효과를 줄 수 있다.
☀️background-color, color-font, visibility 등 다양한 요소를 활용하여 강조효과를 줄 수 있다.
☀️transition-duration으로 해당 효과가 보여지는 시간을 지정할 수 있다.
다양한 효과를 주석과 함께 적어놨으니 직접 보면서 알아보자!
See the Pen Untitled by 이선로 (@ttxvrsis-the-animator) on CodePen.
hover를 통해 드랍메뉴 또한 구현할 수 있다.
드랍메뉴는 다음 강의에 올리도록 하겠다!
728x90
반응형
SMALL
'HTML' 카테고리의 다른 글
| HTML14강 드랍메뉴 만들기(HTML코드 첨부) (0) | 2023.08.06 |
|---|---|
| HTML13강 - position 속성 (0) | 2023.08.04 |
| HTML11강 - flex요소 (세로가 아닌 가로로배치하기) (0) | 2023.08.02 |
| HTML 10강 - border(테두리 설정) (0) | 2023.08.01 |
| HTML 9강 - 선택자(tag,id,class,자손선택자 등) (예시 포함) (0) | 2023.07.31 |