# onMouseOver

4개의 포스트
post-thumbnail

0714

BackGround Image background-image는 url을 통해 이미지를 배경에 도배 default 조건 시 해당 이미지가 배경을 가득 채울 때까지 반복 background-repeat 조건을 통해 이미지 반복을 설정 가능 repeat-x : 수평 반복(1회) / repeat-y : 수직 반복(1회) / no-repeat : 단 하나 출력 (모든 시작점은 좌상단) &ltbody&gt전체의 배경 이미지 설정 &ltbody&gt 코드 Mouse Hovering

2023년 7월 14일
·
0개의 댓글
·

마우스 이벤트

🔹onmouseover: 마우스가 표시 영역 위에 올리는 순간 이벤트 발생+하위 태그에도 이벤트 전파함 🔹onmouseout: 마우스가 표시 영역 위에서 벗어나는 순간 이벤트 발생+하위 태그에도 발생 🔹onmouseenter: 마우스가 표시 영역 위에 진입하는 순간 이벤트 발생 그러나! 하위 태그에 이벤트 전파? No 🔹onmouseleave: 마우스가 표시 영역에서 벗어나는 순간 이벤트 발생 그러나!하위 태그에 이벤트 전파? No

2023년 5월 26일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #012일

CSS border가 있는 페이지 레이아웃 > HTML 구성 > CSS 구성 border가 있는 페이지 레이아웃 > HTML 구성 > CSS 구성 div Grid 레이아웃 (onmouse 속성) > HTML 구성 >CSS 구성 > 최대한 중복되는 HTML의 클래스를 이용하여 CSS를 작성한다. >onmouse(마우스를 올릴때

2022년 10월 31일
·
0개의 댓글
·

hover 시 이미지 변환하기(react hook)

hover 할 때 색을 바꿔야 할 때가 종종 생긴다. 코드로 직접 구현한 도형은 css에서 적용하면 되지만 이미지로 받은 경우에는 다른 색의 이미지로 바꾸어 주어야 한다. onMouseOver, onMouseOut 함수를 사용하면 구현할 수 있다. Ex)

2021년 4월 28일
·
0개의 댓글
·