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  432

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

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

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

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

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

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

호버 시 기울기 효과 버그

내부에 텍스트가 있는 기울기 효과가 있는 버튼이 있는데 버튼을 마우스로 가리키면 버튼 옆에 두 줄이 나타납니다. 버튼이 보일 때까지 버튼 위에 마우스를 올려 놓는 코드가 있는데, 이는 매우 무작위적인 부작용입니다. 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  353

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

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

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

마우스를 올리면 애니메이션이 일시 중지되지만 마우스가 떠나면 계속되는 방법

나는 여러 가지 솔루션에 지쳤으며 이것이 내가 얻은 가장 가까운 솔루션입니다. 하지만 그 결과는 여전히 만족스럽지 않습니다. 마우스가 요소를 벗어나면 요소가 원래 회전으로 되돌아가기 때문입니다. 아이디어는 요소 위로 이동하면 마우스가 요소를 벗어나더라도 애니메이션을 트리거한다는 것입니다. 요소 위로 마우스를 가져가면 애니메이션이 재생되어 0도에 유지되고, 마우스가 떠나면 다른 애니메이션이 재생되어 다시 -8도로 회전합니다. consstelements=document.getElementsByClassName('로타

P粉786800174 2024-04-01 09:43:54 0  1  464

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

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

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

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

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

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

javascript - 마우스를 올리면 빨간색 테두리가 표시되는 효과를 얻는 방법

이 효과를 만든 사람은 누구입니까? ​​이것은 내가 작성한 것입니다. border-right:1px solid #eee;border-bottom:1px solid #eee; 왼쪽을 만드는 방법 ul li:hover{border-color:#ed9639 ;} 마우스를 가리키면 빨간색 픽셀 프레임도 있습니다.

过去多啦不再A梦 2017-07-05 11:04:45 0  8  1264

css - 제목 위에 마우스를 올렸을 때 표시되는 텍스트를 어떻게 감싸나요?

그림의 소개 코드에 사용된 title="{{value.teacherInfo.remark}}"는 소개 부분에 마우스를 놓으면 오른쪽 소개 부분의 텍스트가 플로팅 방식으로 표시되지만 소개 부분에는 소개 부분이 표시됩니다. 왼쪽이 가려져 있습니다. 제목을 만드는 방법 나오는 텍스트의 줄 바꿈은 어떻습니까? 소개: {{value.teacherInfo.remark}}

phpcn_u1582 2017-05-15 17:11:53 0  1  1291

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

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

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

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  330

네비게이션 바 호버 효과 구현 방법

저는 수직 네비게이션 바 작업을 하고 있습니다. 해당 아이콘의 이름이 오른쪽에 표시되어야 합니다. 마우스가 아이콘 위에 있을 때 이름도 흰색에서 검은색으로 바뀌어야 하는데 작동하지 않습니다. 도움이 되는지 알아보기 위해 태그를 변경해 보았습니다. 또한 HTML의 태그를 변경하고 CSS의 태그를 변경하여 태그가 작동하도록 했습니다. 내 문제에 대한 해결책을 찾기 위해 이 사이트를 찾았습니다. 내 네비게이션 바를 작동시킬 수 없습니다. 여기에 코드를 넣는 방법을 알 수 없습니다. 도움이 될 수 있다면 메시지를 통해 코드를 보내 드리겠습...

P粉041758700 2024-01-10 18:06:56 0  1  428

javascript - vue2.0 전환을 사용하여 마우스를 위로 움직이고, QR 코드를 화면 외부에서 밀어내고, QR 코드를 남겨두고 화면 밖으로 미끄러지는 효과를 얻는 방법입니다.

vue2.0 전환을 사용하여 마우스를 위로 움직이고 화면 외부에서 QR 코드를 밀어 내고 QR 코드를 화면 밖으로 밀어내는 효과를 얻는 방법은 다음과 같습니다. 제가 쓴 내용은 다음과 같습니다. 마우스를 위로 움직이세요. 상자가 미끄러지는데 마우스가 떠나지 않았는데 상자가 사라졌습니다....

PHP中文网 2017-05-19 10:30:36 0  2  850

javascript - 이 스트로크 애니메이션 효과는 어떻게 얻습니까?

이 스트로크 같은 효과는 마우스를 위에 올리면 나타납니다. 순수한 CSS로 얻을 수 있습니까? 동일한 효과를 얻는 방법은 무엇입니까?

学习ing 2017-06-24 09:44:08 0  3  915

HTML 마크업에서 SVG를 직접 사용하면 버튼에 역할을 할당하거나 원하는 호버 효과를 얻을 수 없습니다.

두 가지 기능을 수행해야 하는 아이콘이 있는 컨테이너가 있습니다. 버튼처럼 작동합니다(키보드/스크린 리더 등을 통해 액세스 가능). 호버/포커스 시 빨간색으로 전환 마크업에서 SVG를 직접 사용할 때 호버 정지 효과 예상대로 작동하지만 img 태그를 사용할 때처럼 SVG에 버튼 역할을 할당할 수 없습니다: .container{height:500px;width:400px; background-color:lightblue;position:relative;}.favorite

P粉940538947 2023-09-06 20:29:59 0  1  575

모바일 브라우저에서 링크의 제목 속성을 어떻게 볼 수 있습니까? 즉, 링크 위에 마우스를 놓으면 팁 효과가 있습니까?

컴퓨터에서는 볼 수 있는데 휴대폰에서는 마우스 오버 동작이 안 되네요. 제목 속성의 효과를 높일 수 있는 js 스크립트가 있나요?

阿卡 2018-10-18 15:37:43 0  3  1422

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

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

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