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

CSS 표시 속성의 그라데이션 효과

저는 현재 CSS "슈퍼 드롭다운"을 디자인하고 있습니다. 기본적으로 일반 순수 CSS 드롭다운이지만 그 안에 다양한 유형의 콘텐츠가 있습니다. 현재 CSS3 전환 효과는 "display" 속성에 적용되지 않는 것 같습니다. 즉, display:none에서 display:block(또는 임의의 조합)으로 전환할 수 있는 방법이 없습니다. 위의 예에서 누군가 최상위 메뉴 항목 위로 마우스를 가져갈 때 두 번째 수준 메뉴가 "페이드 인"되도록 하는 방법이 있습니까? visible: ...

P粉608647033 2023-08-21 11:08:32 0  2  577

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

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

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

css3 - 전환 변환의 초기 표시:블록에 이동 효과가 없는 이유는 무엇입니까?

https://jsfiddle.net/zjmove/2... ---xiaoboost의 답변을 읽은 후---결국 이것이 가장 적절한 변경입니다: https://jsfiddle.net/25d3ga9j... 나는 하지 않았습니다 사실, 다음 애니메이션은 필요하지 않으며 왼쪽에서 오른쪽으로의 효과만 있습니다. 초기 디스플레이가 왜:blo...

PHPz 2017-05-16 13:24:58 0  1  1281

도움말 페이지 매김 효과가 없는 이유는 무엇입니까?

쿼리 결과는 모두 있지만 페이징 효과는 표시되지 않습니다.

无与伦比 2018-11-28 18:02:13 0  0  1025

Weex <text>의 텍스트 클릭 효과

weex의 텍스트는 기본적으로 클릭 효과가 없습니다. 공식 웹사이트에서는 언론 상태를 얻을 수 있는 방법을 찾지 못했습니다. Android의 선택기와 유사한 기능을 구현할 수 있는 사람이 있습니까?

ringa_lee 2017-05-19 10:33:24 0  3  582

javascript - 이미지 수집 효과, 3D 효과 추가 후 선이 나타나는 이유는 무엇입니까?

하나의 div에 여러 개의 하위 div가 있고, 하위 div의 배경 이미지를 모아서 전체 그림을 이루는 데, 집합 효과를 위해 3D y축 반전 효과를 추가했습니다. 접합할 때 중간? 논리적으로 모아본 후여야 합니다. 첨부된 코드는 다음과 같습니다.pic{width: 1000px;height: 655px;positi...

曾经蜡笔没有小新 2017-05-18 10:46:23 0  1  551

javascript - JS 이벤트 버블링 문제

사례 종료: CSS를 사용하여 이 효과를 얻으세요. 도움을 주셔서 감사합니다. 이 효과를 구현하기 위해 CSS를 사용하도록 전환했습니다. 1. 다음 코드에서는 a 태그의 mouseover 및 mouseout 이벤트를 수신하여 캔버스 애니메이션을 트리거하고 mouseover 및 mouseout 콜백에서 해당 이벤트가 버블링되는 것을 방지했지만 마우스가 움직일 때...

学习ing 2017-06-12 09:32:56 0  3  821

호버 시 기울기 효과 버그

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

extra 아래의 파일은 효과가 없습니다.

extra 아래의 파일이 아무런 효과가 없는 이유는 무엇입니까?

之灰 2018-03-27 21:33:03 0  0  1309

이 Ajax 새로 고침이 아닌 페이징 효과에 대한 소스 코드가 없나요?

이 Ajax 새로 고침이 아닌 페이징 효과에 대한 소스 코드가 없나요? 왜냐하면 저는 이 강좌를 처음 들었거든요

听风说 2017-12-26 20:43:09 0  7  1954

javascript - jQuery는 모바일 페이지에 음향 효과 미리 로드를 어떻게 구현합니까?

모바일 페이지 애니메이션에는 음향 효과가 함께 제공됩니다. 음악을 처음 로드하면 음향 효과가 지연될 수 있습니다. 이 문제를 해결하는 방법은 무엇입니까?

phpcn_u1582 2017-05-19 10:41:56 0  2  614

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

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

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

javascript - 탭 효과의 달인이 HTML 코드를 분석합니다.

이 효과를 얻는 방법은 무엇입니까? http://www.sephora.cn/ 모든 브랜드는 어디에 있습니까?

PHPz 2017-05-19 10:15:51 0  1  536

javascript - 캔버스에 연필 선 그리기 효과를 얻는 방법

최근에 그린 선화들은 모두 lineto로 했는데, 그림들은 모두 실선이에요. 창작효과 측면에서는 [연필]을 그리는 효과를 내고 싶어요~ 스승님들, 그리는 방법. .

習慣沉默 2017-05-24 11:37:40 0  1  1047

javascript - NetEase Cloud Mac 버전 홈페이지의 캐러셀 효과를 연구한 사람이 있나요?

NetEase Cloud의 Mac 버전 앱 홈페이지의 캐러셀 효과를 연구한 사람이 있나요? js에 비슷한 플러그인이 있나요?

为情所困 2017-05-19 10:32:00 0  2  563

javascript - 페이지 시차 효과 구현에 대해 문의

페이지 효과: Jingzhe의 이 효과 모방: Zhihu에서 skrollr.js라는 라이브러리에 대해 처음 배웠고 이를 내 페이지에 적용했습니다. 내 페이지는 위와 같은 정적 노드, 기사 및 그림이 아니기 때문입니다. 요청에 의해 획득되며 단계별 요청은 img의 설정에 따라 다릅니다.

PHP中文网 2017-05-16 13:26:03 0  1  1007

CSS - 플렉스 레이아웃의 수직 효과를 얻을 수 없습니까?

Ruan Yifeng 선생님의 예를 언급하면서, 직접 할 때 수직 효과가 작동하지 않는 이유는 무엇입니까?

为情所困 2017-05-16 13:44:11 0  3  614

javascript - Jquery 포커스 맵 페이드 인 및 페이드 아웃 효과, 조언 좀 부탁드립니다.

타이머는 3초마다 돌아갑니다. {code...} 하지만 이렇게 생성된 효과는 흰색으로 깜박이고 전환이 전혀 자연스럽지 않습니다. 매우 자연스러운 전환 효과가 필요합니다. 이러한 효과의 예: http://www.5icool.org/demo/20... 제가 잘못된 방법을 사용했나요?

大家讲道理 2017-06-28 09:25:51 0  2  808

html5를 사용하여 이미지 스크롤 효과를 만들 수 있나요?

html5를 사용하여 이미지 스크롤 효과를 만들 수 있나요?

。 2018-01-31 16:19:16 0  1  1572