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

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

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

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

angular.js - angularjs 使用鼠标悬停时，标签一直闪

我在用angularjs写一个鼠标悬停事件的时候发现鼠标时标签一直闪， angular代码如下： {代码...} 请问一下这段代码有什么问题吗? 要实现的效果就是鼠标悬停到登录成功的标签时，出现进入主页标签。 麻烦看出问题的...

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

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

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

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

Bootstrap Vue를 사용하여 마우스 오버 시 선택 드롭다운을 여는 방법

<select> 또는 <b-form-select>를 실행하고 마우스 오버 시 옵션 드롭다운 목록을 표시하는 방법이 필요합니다. JQuery나 Vue.js 이외의 외부 플러그인을 사용하지 마세요.

P粉635509719 2024-03-26 14:04:58 0  1  447

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

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

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

javascript - 이벤트 실행이 완료된 후 즉시 이벤트를 중지하는 방법

마우스 이동 및 이동 표시 숨김 이벤트가 있는데 마우스가 여러 번 슬라이드되면 여러 번 실행됩니다. 마우스 이동 이벤트가 실행된 후 즉시 이벤트를 중지하려면 어떻게 해야 합니까? {암호...}

ringa_lee 2017-06-14 10:54:31 0  5  829

Vue 전환에서 전환 지연을 제거하는 방법은 무엇입니까?

저는 Vue를 사용하여 마우스를 그림 위로 가져갈 때 위로 이동하고 페이드 인하도록 텍스트 상자에 애니메이션을 적용하고 있습니다. 애니메이션은 정확하지만 시작하기 전에 약간의 지연이 있습니다. 이미지에 마우스를 올리면 텍스트 상자가 매끄럽고 즉시 페이드 인되고 위로 이동하기를 원합니다. 커서가 떠나면 텍스트 상자가 적절하게 페이드 아웃되고 아래로 이동합니다. 템플릿:`{{배지[item].description}}`, 메서드:{hoverStart(i){this.hoveredIndex=i;},

P粉757432491 2023-08-17 17:36:49 0  1  475

호버 시 기울기 효과 버그

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

자바스크립트 지도 표시 플러그인을 찾고 있습니다.

1. 다음과 같은 효과를 얻을 수 있는 자바스크립트 플러그인이 있나요? ​​왼쪽의 세 개체를 지도로 드래그한 후 마우스를 놓으면 표시가 남습니다. (지도 위치를 표시하는 데 사용됨) 마우스를 놓으면 편집 가능한 대화 상자가 나타납니다.

怪我咯 2017-05-18 10:49:58 0  1  570

이미지의 시작점과 끝점

이미지의 시작점과 끝점을 설정하려고 합니다. 캔버스와 이미지가 있고 이미지를 캔버스에 넣을 때 시작/끝 지점 위로 마우스를 가져가면 작은 빨간색 원이 켜지기를 원합니다. 이는 다른 이미지 연결을 사용하여 만들 수 있음을 의미합니다. 예: 1) 이미지를 드래그합니다. 2) 이미지를 캔버스에 배치합니다. 3) 시작점/종료점에 마우스를 올리면 작은 빨간 점이 켜집니다. 보시다시피 빨간색 점은 마우스를 올려놓을 때만 나타납니다. 또 다른 질문이지만 첫 번째 질문을 해결하면 멋지네요. 이미지가 그릴(사각형)을 따르지 않습니다. 이것은 htm...

P粉511757848 2023-08-31 12:24:51 0  1  553

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

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

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

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

javascript - 사진 앨범 효과를 얻는 방법은 무엇입니까? 어떤 플러그인을 사용해야 하나요?

클릭해서 사진을 미리보고, 좌우로 슬라이드하고, 숫자도 나와 있는데 컴퓨터에 링크를 넣었는데 마우스 클릭이 아무 효과가 없습니다. 사용할 수 있는 성숙한 플러그인이 있나요? 작성한 마스크를 미리 볼 수는 있지만 좌우 전환이 쉽지 않습니다.

PHP中文网 2017-06-30 09:56:05 0  4  763

angular.js - 为什么加了 CSS3 的 transition 会导致 Angular 数据绑定失效？

问题不太好描述，劳各位费心帮我看看是怎么回事。 一个列表页面（比如常见的用户列表），列表的每一项因为有 box-shadow 的设置，在鼠标悬浮的时候，box-shadow 会变化，为了让这个效果更平滑，加了 transition；...

给我你的怀抱 2017-05-15 16:49:16 0  1  690

마우스 오버 시 구성 요소 필드를 기반으로 div 배경을 변경하는 방법

마우스를 올리면 배경색이 변경되는 div가 있습니다. 또한 구성 요소의 요소를 기반으로 색상을 선택해야 합니다. <div*ngFor="letuofusers;"[style:hover.Background-color]="u.selected?'red':'blue'"></div>

P粉968008175 2023-09-12 09:24:31 0  1  553

사이트에 CSS 스타일이 적용되지 않음

Bootstrap5를 사용하여 웹사이트를 만들고 있는데 index.css 속성이 index.html에 적용되지 않습니다. 서비스 카드 위로 마우스를 가져가면 배경이 변경되어 전환 효과가 나타납니다. 이것부터 이것까지 되어야 합니다. 그런데 사이트의 배경색을 임의의 색상으로 변경하려고 하면 변경사항이 사이트에 나타나지 않기 때문에 HTML에 연결된 CSS에 문제가 있을 수 있다고 생각합니다. @importurl('https://fonts.googleapis.com/css2?family=P

P粉613735289 2024-04-06 17:12:23 0  1  514