Q&A
커뮤니티
지식
이벤트
더보기
OKKY
Q&A
지식
커뮤니티
이벤트
부트캠프
Jobs
Contact
Search Bar
로그인
회원가입
hover
전체
기술
커리어
기타
카테고리
전체
최신순
질문하기
답변
1
불꼰카리스마_퍼블리셔
·
1년 이상
247
0
답변 1
React 에서 페이지 이동 시 hover 이벤트 초기화
안녕하세요. React 로 개인 프로젝트 작업 중인데요, 안풀리는게 있어 조언 구합니다. 헤더 메뉴에 호버 시 GNB 가 열리고 메뉴 클릭하면 페이지가 넘어가는 구조인데요, 문제는 메뉴 위에 커서가 있는 상태로 페이지 이동을 하면 바로 호버 이벤트가 발동되어 GNB 가 내려오는 겁니다. 다른 사이트 보면 커서가 메뉴 위에 있어도 움직이지 않는 이상 GNB 가 내려오지 않던데, 그렇게 하려면 어떻게 해야 하나 궁금합니다. 우선 <BrowserR
해결
4
질문할거많음
·
1년 이상
327
1
해결 4
쇼핑몰 CSS 관련 질문입니다.
안녕하세요. ChatGPT의 도움을 빌려 자사 쇼핑몰의 CSS를 수정하다가 막힌 부분이 있어 질문드립니다. 현재 사이트 상단의 메뉴에 마우스 커서를 올리면 보시는 것처럼 세로로 어두운 색의 드롭다운 메뉴가 나오는데, 너비가 좁기도 하고 단순 텍스트만 나열하는 식이라 아래처럼 개조하려고 합니다. 보시는 바와 같이 드롭다운 메뉴가 가로로 꽉 차게 나오고 상품마다 이미지가 있어서 훨씬 접근성이 좋아보입니다.이미지를 추가하는 것은 추후에 하기로 하고 우
답변
1
PSK
·
약 3년
287
0
답변 1
css:hover 질문
안녕하세요 스타벅스 홈페이지를 클론코딩 하고 있는 학생 입니다. 리스트에 마우스를 올렸을 때, 해당 상세 gnb가 나와야 하는 코드를 작성을 했습니다. 하지만, 사진 과 같은 영역에 마우스를 올렸을 때 상세gnb가 나오는 현상을 발견 했습니다. 스크립트는 사용하지 않았습니다. 혹시 왜 이런 현상이 나오는지 궁금합니다. 구조 html 입니다. 호버 하지 않았을때의 상태인 css 입니다. 호버를 했을시 css 입니다. (아 그리고 만
답변
1
d22t
·
약 3년
286
0
답변 1
리액트 호버 애니메이션은 방법이 없나요?
리액트에서는 css로 transition을 넣을 수 없다고 들었어서... jsx에 그대로 집어넣어서 해결해보려고 했는데, 딱딱하게는 변화하는데 부드럽게 전환하려면 어떻게 해야할지 감이 안잡히네요ㅜ function Menubar() { const [isHovering, setIsHovering] = useState(false); function handleMouseOver() { setIsHovering(t
답변
1
누팍
·
3년 이상
216
0
답변 1
hover했을 때 다른 태그에 모션 주기?
<div><b-navbar><b-navbar-nav><b-nav-item class="a"> <- 이거 hover했을 때</b-navbar-nav></b-navbar></div><b-navbar-nav><div class
답변
2
간지나게
·
3년 이상
261
0
답변 2
[Css 질문] css에서 HTML요소의 너비에 몇 픽셀을 더 더하는 방법이 있나요?
hover을 사용해 마우스를 요소 위에 올리면 너비와 높이가 10px씩 커지는 효과를 내고싶은데 마우스를 요소 위에 올리기 전 요소의 너비와 높이를 구해가지고 계산(예를들어 너비와 높이가 각각 10px, 10px인 div 요소를 hover에 width: 20px; height: 20px와 같이 넣는 방법)해야하나요 아니면 더하기 10 계산을 안 하고 너비와 높이를 더 늘리는 방법이 있나요?
답변
1
ᄋᄋᄋᄂ
·
3년 이상
207
0
답변 1
hover 태그 공부 중 막히는 부분,, 도와주세요!!
위 화면처럼 직업이란 버튼에 커서를 대면 목록이 나오게 하려는데요img alt="" src="https://file.okky.kr/images/16735015013
해결
1
혹등혹등
·
3년 이상
4.5k
0
해결 1
a태그 hover시에 이전 형제 CSS 적용하는 방법
<div> <a>1번 선택</a> <a>2번 선택</a></div>div a { color: #fff; }div > a:hover+a, div > a+a:hover { color: #aaa; }/code
답변
6
나도개발자가될수있다
·
3년 이상
719
0
답변 6
Cgv클론코딩중에 해결 못한 부분이 있어서 조언좀 구하려고합니다!
1 부분에 mouse hover를 하면 2 부분이 나타납니다.허나 2부분에 마우스를 갖다대려고 하면 자꾸만 2부분이 사라져서 문제입니다...1 부분에서 마우스가 벗어나도 hover상태가 유지되는 방법이 없을까요 ?img alt="" src="https://file.okky.kr/images/1
답변
2
오늘나리
·
3년 이상
4.4k
0
답변 2
자식을 hover 시 부모요소를 변경
<div class="flip"> <div class="box1"></div> <div class="box2"></div> <div class=
답변
3
오늘나리
·
3년 이상
531
0
답변 3
css hover 시 transition 시간
안녕하세요hover 시 transform 작동시간을 transition으로 조절할 수 있잖아요.만약 hover 시 box가 뒤집히고 transition을 1초로 줬다고 예를 들어볼게요.처음 hover 하면 박스가 1초에 걸쳐서 뒤집히긴 하는데, 마우스를 떼면 순식간에 원상태로 돌아가요. 원래는 돌아가는것도 1초에 걸쳐서 돌아가야하잖아요.pre spellcheck="
답변
1
오늘나리
·
3년 이상
292
0
답변 1
CSS hover와 before 관련 질문
요즘 hover와 before을 이용해서 여러가지 연습 중, 갑자기 막히는 부분이 생겨서 질문드립니다.여러 리스트 중 각자를 hover할 때마다 그 아래에 밑줄이 쳐지는 거 같은 효과를 만들
답변
0
Kendayo
·
4년 이상
752
0
답변 0
이클립스 마우스 오버 시 hover 색깔
안녕하세요 !!이클립스 Version: 2021-09 (4.21.0) 업그레이드 하였는데 , 마우스 오버 하는 텍스트 색이 검정이라 안보여지게 되어서 답답한대 혹시 컬러 변경 설정 알고 계신분 계신가요 ㅠㅠ?
해결
2
웹퍼블리셔
·
거의 5년
388
0
해결 2
제이쿼리 조언 부탁드리겠습니다.
hover시 div태그를 추가하는 간단한 제이쿼리를 함수 선언을 통해 다음과 같이 작성했습니다. function listMore(){ $(".listMore").remove(); $(this).append("<div class='listMore'>자세히 보러가기 ><div>
답변
0
퍼블리셔가될몸이시다
·
약 5년
308
0
답변 0
버튼 호버시 backdrop-filter:blur(4px); 를 넣었는데, 버튼을 떼면 약간의 경련이 일어나는데 왜이러는걸까요 ㅠㅠ?
.btn:hover { backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);} div style="color:rgb( 51 ,
답변
0
퍼블리셔가될몸이시다
·
5년 이상
291
0
답변 0
버튼 호버시 backdrop-filter:blur(4px); 를 넣었는데, 버튼을 떼면 약간의 경련이 일어나는데 왜이러는걸까요 ㅠㅠ?
.btn:hover { backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);} div style="font-family:'consolas' , 'cour
답변
0
전방에힘찬팬더발싸
·
5년 이상
401
0
답변 0
선배님들 onmouseover에 트랜지션 효과를 줄수는 없나요??
<img src=http://behom.cafe24.com//bizdemo39562/img/main_logo/main_logo1.png onmouseover="this.src='http://behom.cafe24.com//bizdemo39562/img/main_logo/main_logo2.png'" onmouseout="this.src='http://behom.ca
답변
2
퍼블리셔가될몸이시다
·
5년 이상
432
0
답변 2
js로 텍스트 한글자 한글자에 hover 넣는 법 있나요??
만약<h1> H E L L O </h1>이렇게 있다면,H에 마우스를 올리면 H의 색상이 변환, E 에 올리면 E에 색상변환, L에 올리면 L에 ········지금 제머릿속에선 CSS에 <h1><em>H</em><em>E</em><em>L&l
답변
2
잘하고싶따
·
거의 6년
840
1
답변 2
Vuetify Treeview hover
https://codepen.io/beardedkoala/pen/wVXJKb 위 코드에서는 slot: label을 사용하여 hover시
해결
2
Bear
·
약 6년
3.8k
0
해결 2
부트스트랩 Navbar에서 hover 색상이 dropdown에만 적용되는 이유
/* 네비게이션 영역 */.navbar { /*배경 색상*/ background-color: #fff; border-color: #000;}.navbar-nav li a:hover { color: #52a3a3; background: #fff;}.navbar-nav .nav-item a:hover { color: #52a3a3;
이전
1
2
다음
Search Bar