마우스가 요소 위로 마우스를 가져가는 것을 멈췄는지 어떻게 알 수 있나요?

자바스크립트나 CSS를 사용하여 요소 위로 마우스를 가져가는 것을 중지하는 방법을 알고 싶습니다. 마우스를 위에 올리면 배경 색상이 바뀌는 애니메이션을 만들고 있는데, 마우스가 해당 요소 위에 마우스를 올리면 애니메이션도 추가하고 싶습니다. 어떻게 해야 하나요?

P粉547420474 2024-03-31 13:28:28 0  1  378

호버 시 기울기 효과 버그

내부에 텍스트가 있는 기울기 효과가 있는 버튼이 있는데 버튼을 마우스로 가리키면 버튼 옆에 두 줄이 나타납니다. 버튼이 보일 때까지 버튼 위에 마우스를 올려 놓는 코드가 있는데, 이는 매우 무작위적인 부작용입니다. Chrome의 문제인 것 같은데 확실하지 않습니다. 다음은 문제의 사진입니다: https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50 0  1  358

한 요소에 마우스를 올렸을 때 다른 요소에 영향을 미치는 방법

내가 원하는 것은 div에 마우스를 올리면 다른 div의 속성에 영향을 미치는 것입니다. 예를 들어, 이 JSFiddle 데모에서 #cube 위로 마우스를 가져가면 배경색이 변경되지만 내가 원하는 것은 #container 위로 마우스를 가져가면 #cube가 영향을 받는 것입니다. div{outline:1pxsolidred;}#컨테이너{너비:200px;높이:30px;}#큐브{너비:30p

P粉769413355 2023-08-27 12:48:40 0  2  479

마우스가 버튼 위에 있을 때 하위 메뉴 표시

버튼 위로 마우스를 가져가면 하위 메뉴가 나타나는 솔루션을 찾고 있습니다. 현재 메뉴는 클릭할 때만 표시됩니다. 버튼 위로 마우스를 가져갈 때 메뉴가 표시되고 클릭하면 메뉴가 그대로 유지되도록 변경해야 할 사항을 아는 사람이 있습니까? 해결 방법: 마우스 오버를 마우스 오버로 변경하세요. 마우스 오버 시 모든 섹션(sect1...)이 표시되지 않도록 하는 방법을 아는 사람이 있습니까? <스크립트>vardivsvarbtn1=document.getElementById("

P粉021708275 2023-08-31 11:22:01 0  1  662

마우스 오버가 작동하지 않고 스타일이 표시되지 않는 이유는 무엇입니까?

마우스 오버가 작동하지 않고 스타일이 표시되지 않는 이유는 무엇입니까?

P粉842215006 2023-08-02 20:04:07 0  1  526

vue 및 vuetify 구성 요소에 대한 마우스 오버 효과

그래서 다음 문서의 예에 표시된 대로 마우스 오버 효과를 재현하려고 했습니다. https://blog.prototypr.io/stunning-hover- effects-with-css-variables-f855e7b95330 하지만 제 경우에는 Vue를 사용하고 싶습니다. .js를 사용하여 vuetify 라이브러리의 v-card에 호버 효과를 적용합니다. 이것이 나의 시도입니다: https://codepen.io/pokepim/pen/NWdwOEq

P粉032649413 2024-03-27 16:31:16 0  1  438

angular.js - 마우스로 가리키면 anglejs 레이블이 계속 깜박입니다.

Anglejs를 사용하여 마우스 오버 이벤트를 작성했을 때 마우스를 눌렀을 때 레이블이 계속 깜박이는 것을 발견했습니다. 각도 코드는 다음과 같습니다. {code...} 이 코드에 어떤 문제가 있습니까? 로그인이 성공할 때까지 마우스를 가리키면 Enter Home(홈 입력) 탭이 나타납니다. 문제를 파악해주세요...

巴扎黑 2017-05-15 17:07:12 0  3  676

마우스 오버 이벤트를 사용하여 플라이아웃 메뉴 표시

팝업 메뉴가 있고 마우스오버 이벤트를 사용하여 메뉴를 전환하려고 하는데 예상대로 작동하지 않는 것 같습니다. .hero-list-blocka:hover+.flyout-menu와 같이 div의 위치를 ​​지정하여 CSS 호버 이벤트를 사용해 보았지만 작동하지 않았습니다. 이 문제를 해결하거나 개선하는 방법에 대한 제안이 있으십니까? 감사합니다 constflyoutLink=document.querySelector('.flyout-link');constflyoutMenu

P粉254077747 2024-04-03 15:14:43 0  1  580

Safari에서 마우스를 올리면 CSS 필터를 적용할 수 없습니다.

마우스를 올리면 필터 속성을 변경하면 macOS의 Safari16.2에서 이상한 동작이 발생하는 것으로 나타났습니다. 마우스를 올리면 실제로 변경되지 않고 텍스트를 클릭하면 부분적으로 변경됩니다. 이는 확실히 그렇지 않습니다. -webkit-filter도 도움이 되지 않습니다. /*문제 관련CSS*/div{배경:빨간색;필터:회색조(1);}div:hover{필터:회색조

P粉436688931 2024-04-01 08:19:51 0  1  556

Vuetify 2에서 v-checkbox의 호버 효과 비활성화

Vuetify2에서 v-체크박스 위로 마우스를 가져가면 체크박스 뒤에 흐린 원이 나타납니다. 나타나지 않았으면 좋겠습니다. 현재 내 v-checkbox는 v-tab과 v-tooltip으로 둘러싸여 있습니다. 그것이 중요한지는 의심스럽지만 가능합니다. <v-tabv-for="tabinmyTabList":key="tab"><span>{{$t(tab)}}</span&g

P粉826429907 2023-09-03 20:25:54 0  1  566

메뉴 항목 호버 효과가 전체 페이지 높이를 덮습니다.

저는 왼쪽 네비게이션을 개발 중입니다. 마우스를 올리면 메뉴 항목 앞에 빨간색 막대가 나타나도록 하고 싶습니다. 이는 "홈" 항목과 해당 하위 항목에 대해 작동하지만 다른 루트 항목으로 인해 마우스를 올리면 빨간색 막대가 페이지의 전체 너비를 위에서 아래로 확장하게 됩니다. $(document).foundation();.vertical.dropdown.menu[href]>i{display:block;}.vertical.dropdown.menu[href]{display:block;text-ali

P粉029327711 2024-02-04 00:36:46 0  2  364

마우스를 올리면 콘텐츠 표시(카드 높이에는 영향을 주지 않음)

마우스를 올리면 표시되는 콘텐츠가 포함된 블록이 있습니다. 효과가 작동하는 방식은 다음과 같습니다. .hoverCard는 기본적으로 기본 콘텐츠를 표시합니다(.hoverCard__showOnHover의 콘텐츠는 숨겨짐). 사용자가 .hoverCard 위로 마우스를 가져가면 .hoverCard__showOnHover가 해당 콘텐츠를 표시하고 .hoverCard__body가 위로 전환됩니다("열림" 제공). ” 효과) 데모에서 위의 시각적 효과를 볼 수 있지만 애니메이션이 완벽하게 작동하도록 할 수는 없습니다. 내가 ...

P粉289775043 2024-03-27 20:29:28 0  1  446

Windows 10 설정과 같은 호버 기능을 만드는 방법은 무엇입니까?

누군가 CSS에서 그러한 호버를 수행하는 방법을 말해 줄 수 있습니까? 다음은 Windows 10 설정의 예입니다. 하지만 CSS로 복제하고 싶습니다.

P粉020556231 2023-09-12 13:02:00 0  1  541

마우스를 올린 텍스트는 마우스 위치에서 색상이 변경됩니다.

모든 텍스트가 아닌 마우스 위치의 텍스트 색상만 변경하려면 어떻게 해야 합니까? 이와 같이 마우스 움직임을 따라갈 수 있는 원을 원하고 마우스를 올리면 텍스트에 마우스를 올리면 문자 부분에 대한 테두리만 표시됩니다. 어떤 라이브러리나 기능을 사용해야 하는지에 대한 조언이 필요합니까?

P粉697408921 2024-03-28 14:12:45 0  1  534

Safari에서 변환 스타일:preserve-3d가 작동하지 않는 div 내부 요소의 CSS 호버 스타일

호버 스타일을 사용하여 내부에 소셜 아이콘이 포함된 시차 스크롤 헤더를 구현했습니다. 호버 스타일은 현재 Safari에서 작동하지 않습니다. 컨테이너에서Transform-style:preserve-3d를 제거하면 호버 스타일이 작동합니다(그러나 시차가 깨집니다). Chrome에서는 잘 작동합니다. <!doctypehtml><htmlclass="h-full"><head><scriptsrc=

P粉346326040 2023-08-30 18:33:26 0  1  509

호버 오버레이 전후에 지연된 콘텐츠 추가

div 위로 마우스를 가져가면 왼쪽에서 오른쪽으로 미끄러지는 오버레이를 갖고 싶고 1초 지연 후에 콘텐츠가 표시됩니다.

P粉731861241 2023-08-02 17:34:53 0  1  607

버튼 활성화로 인해 호버 효과가 오작동함

저는 웹 개발의 기초(HTML, CSS, JS)를 배우려고 노력해왔기 때문에 작동하는 Apple 계산기를 만들어 보려고 노력해 왔습니다. 작은 버그를 발견하기 전까지는 모든 것이 잘 작동했습니다. 처음에는 액션 버튼의 호버 효과가 훌륭하게 작동했는데, 호버를 올리면 색상이 더 밝아졌습니다. 버튼을 누르면 버튼이 더 밝아지고 사용자가 이전 번호로 작업을 수행하기 위해 다른 번호(또는 "같음" 버튼)를 입력할 때까지 그 상태를 유지합니다. 그 후에는 작업 버튼이 일반 색상으로 변경됩니다. 그때까지는 모든 것이 괜찮았지...

P粉548512637 2024-04-01 21:51:26 0  1  563

제출 및 재설정 버튼에서 호버 효과 제거: 단계별 가이드

제출 또는 재설정 버튼을 클릭할 때 크기가 조정되지 않도록 하려면 어떤 명령을 사용해야 합니까? 나는 그들이 정상적으로 보이기를 원합니다. 이 프로그램에서는 마우스 오버를 사용하기로 되어 있지만 마지막 2개 버튼에는 사용하지 않습니다. 지금까지 가지고 있는 코드 아래를 참조하세요. 모든 것이 감사합니다<!DOCTYPEhtml><html><head><title>CSSrules</title><style>input:fo

P粉099000044 2024-04-01 22:32:31 0  1  485

Blazor wasm에서 행 호버를 구현하는 방법

컬렉션의 변수 행 수에 따라 변경되는 Blazor 테이블 구성 요소가 있습니다. 항목 이름 설명 업로더 업로드 날짜 @foreach(variiteminItems){@item.Name@item.Description@item.UserName@item.UploadDate.ToString( " dd-MM-yyyy")DoWork} 내가 해야 할 일은 마우스를 행 위로 가져가면 해당 행의 특정 요소만 활성화되는 것입니다. 예를 들어,

P粉425119739 2023-08-13 16:53:14 0  1  513

Psuedo 요소의 CSS 호버 효과를 사용하여 기본 요소 겹치기

기본적으로 마우스를 가져가면 다음과 같은 효과가 나타나기를 원합니다. 여기 내 웹사이트 코드는 다음과 같습니다. 무시하세요! 중요: .cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!important;width:120px!important;height:50px!important;display:inline-flex!important;justify-cont

P粉838563523 2024-03-20 10:31:28 0  1  349