묻다찾다_PHP 중국어 웹사이트

지역 사회

배우다

도구 라이브러리

AI 도구

여가

한국어

인기 검색어：
PHP
MySQL
jquery
HTML
CSS

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

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

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

P粉548512637 2024-04-01 21:51:26

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

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

P粉608647033 2023-08-21 11:08:32

javascript - JS 이벤트 버블링 문제

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

学习ing 2017-06-12 09:32:56

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

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

阿卡 2018-10-18 15:37:43

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

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

P粉940538947 2023-09-06 20:29:59

css3 - CSS 전환 효과로 인해 텍스트가 흐려지거나 떨리나요?

gif로 직접 이동해 보겠습니다. 코드: 템플릿: {code...} CSS: {code...} 일부 관련 없는 스타일이 제거되었습니다. 현재 알려진 상황은 오른쪽에 있는 작은 삼각형의 전환 효과입니다. Chrome의 드롭다운 상자에 backface-visibility: hide;를 추가하면 텍스트가 흐려지고 흔들립니다.

ringa_lee 2017-05-24 11:35:53

모바일의 버튼이 계속 초점을 맞추거나 활성 상태를 유지하여 CSS 애니메이션에 문제를 일으킴

버튼을 클릭할 때마다 애니메이션을 구현하려고 하는데 데스크톱에서는 잘 작동하지만 모바일에서는 동일한 효과를 얻을 수 없습니다. 먼저 버튼을 클릭한 다음 다른 곳을 클릭하여 CSS의 초점을 맞춘 다음 버튼을 다시 클릭하여 애니메이션 효과를 얻어야 합니다. 아래는 코드 조각입니다. .btn_container{color:#35f8ff;position:relative;display:inline-block;text-align:center;margin:2.5remauto

P粉043295337 2023-08-28 15:14:37

CSS에서 버튼 누르기 효과를 얻는 올바른 방법

CSS를 사용하여 피아노 레이아웃을 만들고 있습니다. 저는 이 "버튼 누름" 효과를 정말 좋아하지만 주변 요소가 변경됩니다. 이 상황을 피하는 방법은 무엇입니까? <main><divid="o-2"class="octave"><buttonid="C2"class="Ckey"></button><buttonid=&

P粉004287665 2023-09-09 13:38:06

CSS 사용자 정의 속성을 효과적으로 사용하는 방법은 무엇입니까?

저는 응용 프로그램에서 10가지 Tailwind 스타일 색상 변형 세트를 생성하는 데 사용하는 기본 색상을 사용자가 선택할 수 있는 사용자 정의 테마가 있는 응용 프로그램을 개발 중입니다. 저는 색상을 생성하고 이를 DOM에 삽입하기 위해 자바스크립트를 사용하고 있지만, 조사를 통해 DOM은 컴파일된 CSS에만 액세스할 수 있기 때문에 scss 변수를 삽입하는 것이 불가능하다는 사실을 발견했습니다. 따라서 scss 색상 대신 CSS 사용자 정의 속성을 사용해야 했습니다. 나는 이것이 scss가 색상과 함께 작동하는 방식이 아니라 특...

P粉384366923 2024-01-16 19:00:56

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

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

P粉099000044 2024-04-01 22:32:31

javascript - 방출은 angualr2의 메소드를 트리거한 다음 이 약속의 결과를 얻는 방법

이제 클릭 작업을 대체하기 위한 지시문을 작성했습니다. 예를 들어 클릭은 로그인을 호출하는 방법이고 로그인 서비스 약속이 끝나면 버튼이 복원됩니다. 이제 클릭을 시뮬레이션하고 버튼을 비활성화할 수 있지만 약속한 결과를 얻을 수 없습니다.

習慣沉默 2017-05-27 17:44:24

NextJS 프로젝트에서 Tailwind 및 MUI를 사용할 때 예기치 않은 동작(흰색 버튼 버그)

현재 NextJS, TailwindCSS 및 MUIReactUI 라이브러리를 사용하여 프로젝트를 구축 중입니다. 내 프로젝트에 MUI 버튼을 추가하려고 할 때마다 제대로 작동하지만 버튼 색상이 흰색으로 유지됩니다. 마우스를 올리면 색상이 정상으로 돌아가고 버튼을 클릭하면 여전히 파급 효과가 있습니다. 그러나 호버링하지 않으면 흰색으로 반환됩니다. _app.{js,jsx.ts,tsx} 파일에서 가져온 전역 CSS 파일에서 tailwind 지시어를 제거하면 버튼이 다시 제대로 작동하지만 TailwindCSS도 제거됩니다.

P粉996763314 2023-11-04 11:04:23

thinkPHP의 CSS 도입이 유효하지 않습니다.

CSS 효과를 표시할 수 없습니다. 무엇이 문제인가요?

boluo 2020-06-06 21:21:54

CSS를 사용한 NVG 효과

CSS를 사용하여 NVG 효과를 만들려고 하는데 어디서부터 시작해야 할지, 네온 효과와 노이즈 효과 등을 추가하는 방법을 모르겠습니다. 누구든지 팁을 알고 있거나 유사한 것을 시도한 경우 안내해 주세요. 감사합니다 <3

P粉832490510 2024-02-26 20:37:50

REACT 구성 요소의 스타일 문제

그림에 표시된 3개 버튼 구성 요소의 경우 기본 JS 및 REACT를 사용하여 버튼 중 하나를 클릭하여 스타일을 변경하는 간단한 방법을 어떻게 작성할 수 있습니까? 그리고 다른 버튼을 클릭해도 동일한 효과를 얻을 수 있습니다. (즉, 다른 두 버튼의 스타일을 지우고 클릭 버튼의 스타일을 추가하는 것입니다.)

巴扎黑 2017-07-05 10:50:54

선택 시 라디오 버튼의 테두리 효과 유지

두 가지 라디오 유형 옵션이 있습니다. 옵션을 선택하면 파란색 테두리가 표시됩니다. 문제는 다른 곳을 클릭하면 테두리 효과가 사라진다는 것입니다. 다른 옵션으로 전환하지 않는 한 클릭할 때마다 파란색 테두리 효과가 유지되도록 하고 싶습니다. 그리고 오른쪽의 "스팬"에 가격을 입력하고 왼쪽에 제품명을 유지하려면 어떻게 해야 하나요? .checkbox-custom,.radio-custom{불투명도:0;위치:절대;}.checkbox-custom,.ch

P粉769045426 2023-09-03 21:25:38

javascript - 왼쪽 탐색 크기를 조정하는 방법

버튼을 클릭하면 다음과 같이 됩니다: 플러그인을 사용하여 수행되었습니까? 네이티브를 사용하는 경우 호버 효과는 무엇입니까?

三叔 2017-06-30 09:59:54

javascript - 조금 혼란스럽습니다. 왜 js의 태그에 효과를 추가하기 위해 check=true를 직접 사용할 수 있습니까?

예: 선택한 효과를 버튼에 추가하려면 js를 사용해야 합니다. 선택한 효과를 추가하기 위해 js에서 oDiv.checked = true를 직접 사용할 수 있는 이유는 무엇입니까? 왜 중간에 스타일을 추가할 필요가 없나요? 색상이라면 oDiv.style.color = "red" 인가요?

阿神 2017-06-26 10:55:27

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

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

学习ing 2017-06-24 09:44:08