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

여러 요소에 호버 효과를 동적으로 추가

프로그래밍 방식으로 여러 요소에 호버 효과를 추가할 수 있나요? 단일 단위를 나타내는 여러 요소가 있는(그러나 다른 이유로 여러 요소로 분리해야 하는) 시스템에서는 경우에 따라 마우스를 올리면 함께 색상이 다시 지정되어야 합니다. 프로그래밍 방식으로 여러 요소에 호버 효과를 추가할 수 있나요? 아니면 이것이 좋은 습관입니까? my_own_css_class를 사용하여 마우스를 올리면 모든 요소에 추가하여 이 문제를 해결할 수 있었습니다. 하지만 프로그래밍 방식으로 호버 효과를 만들면 나에게 도움이 될 것 같습니다.

P粉203792468 2023-08-15 23:49:58 0  1  483

호버 시 기울기 효과 버그

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

javascript - vue 2.0 전환 전환 효과가 비정상입니다.

vue2.0에서 스위칭 전환을 했을 때 스위칭 표시가 정상적으로 되는 것을 확인했는데, 전환이 사라지면서 딜레이가 발생하고 전환 효과가 없었습니다. {code...} {code...}

世界只因有你 2017-05-19 10:33:34 0  1  580