모바일의 버튼이 계속 초점을 맞추거나 활성 상태를 유지하여 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 0  1  522

REACT 구성 요소의 스타일 문제

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

巴扎黑 2017-07-05 10:50:54 0  3  879

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

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

習慣沉默 2017-05-27 17:44:24 0  1  808

호버 시 기울기 효과 버그

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

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

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

阿神 2017-06-26 10:55:27 0  2  774

Python에서 괄호가 있는 함수와 괄호가 없는 함수의 차이점은 무엇입니까?

프로그램은 다음과 같습니다. {코드...} 이 프로그램의 효과는 버튼을 누르면 나타납니다. 다시 누르면 사라집니다. 버튼 = tk.Button(window, text = '질문 및 답변 생성',font = (('Microsoft Yahei'),12),command...로 작성된 버튼

我想大声告诉你 2017-06-12 09:27:41 0  2  1016

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

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

P粉769045426 2023-09-03 21:25:38 0  1  547

부트스트랩 버튼이 활성화된 경우 각 버튼에 그림자/테두리를 추가하는 CSS

저는 프론트엔드를 생성하기 위해 React 프레임워크를 사용하고 디자인을 위해 Bootstrap5.3을 사용하고 있습니다. 내 이해에 따르면 Bootstrap은 이제 그림자 효과를 표준으로 제거했습니다. 따라서 버튼이 활성화되면 Bootstrap v5.0 설명서와 같이 버튼에 그림자/테두리가 표시되지 않습니다. https://getbootstrap.com/docs/5.0/comComponents/buttons/ 안타깝게도 코드에서 개별 버튼을 직접 사용자 정의하는 방법을 모르겠습니다. 가능합니까?

P粉256487077 2023-08-17 23:54:27 0  1  507

javascript - 애니메이션을 표시하고 숨길 수 있는 좋은 솔루션이 있습니까?

예: 이 애니메이션과 동일한 효과가 있습니다. 먼저 div가 숨겨지고, 버튼을 클릭하면 애니메이션 효과가 나타납니다. 하지만 확실히 너무 복잡하게 작성했습니다. 더 간단한 솔루션이 있습니까(타사 라이브러리가 필요하지 않음)?

阿神 2017-06-30 09:59:55 0  5  1052

javascript - js에서 전환 효과를 만드는 방법은 무엇입니까?

저는 js에 대해 잘 모르는데, js를 사용하여 버튼을 클릭했는데 5초 후에 div가 오른쪽의 500px로 이동하면 이 효과를 만드는 아이디어는 무엇인지 알려주세요. 이러한 모든 효과를 얻으려면 먼저 클래스를 작성한 다음 js를 사용하여 className을 전환해야 합니까? 그런데 클릭 이벤트가 발생하면...

滿天的星座 2017-06-26 10:54:58 0  6  968

html5 - vue 프로젝트의 vuex 저장 문제

구현 효과: 버튼을 클릭하면 왼쪽 메뉴의 너비가 전환됩니다. 이제 Vuex를 사용하여 IsOpen 필드를 저장한 다음 nav 구성 요소와 메뉴 구성 요소 모두 필드의 초기 값을 얻었습니다. nav 구성 요소 버튼을 클릭하면 IsOpen 값도 전환되지만 클래스 이름은 변경됩니다. 너비를 변경하는 것은 전환되지 않습니다. 이것...

迷茫 2017-06-27 09:19:31 0  2  902

ReactJS를 사용하여 요소를 숨기는 방법

화면에 텍스트를 표시하고 버튼을 눌렀을 때만 숨기고 싶은데 어떻게 해야 할지 모르겠습니다. 이 효과를 얻기 위해 useState를 사용하고 싶습니다. const[textVisibility,setTextVisibility]=useState(true)<buttononClick={()=>setTextVisibility(false)}/>제가 발견한 문제는 버튼을 클릭할 때 페이지가 다시 렌더링하면 가시성 값이 기본값이 됩니다.

P粉136356287 2023-09-07 19:21:22 0  2  496

링크에 포함된 버튼, onClick 링크의 체인 효과를 중지하는 방법

아래 예제와 비슷한 코드가 있습니다. 사용자를 URL로 보내는 클릭 가능한 그리드 셀을 만들려고 하는데 포함된 이미지 버튼을 클릭하면 onClick 이벤트만 실행되고 다른 이벤트는 실행되지 않기를 원합니다. 이렇게 할 수 있습니까? stopPropagation에 대한 호출을 추가하려고 시도했지만 첫 번째 onClick이 처리된 후에도 여전히 기본 링크에 연결됩니다. consthandleSaveClick=async(e,activity,index)=>{e.

P粉553428780 2023-08-17 21:31:04 0  1  449

Swift - iOS 키보드가 나타나거나 사라지는 문제

원하는 효과는 키보드가 나타날 때 하단의 버튼과 레이블이 자동으로 위로 이동하여 키보드 위에 위치하는 것입니다. 키보드가 사라지면 버튼과 라벨은 자동으로 하단으로 돌아갑니다. scrollView를 추가한 후 키보드 상태를 모니터링하는 방법을 사용했는데 문제가 발생했습니다...

过去多啦不再A梦 2017-06-06 09:53:33 0  1  898

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

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

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

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

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

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

javascript - JS에서 팝업 창을 원활하게 전환하는 방법은 무엇입니까?

예를 들어, 페이지를 클릭하면 팝업창이 뜹니다. 팝업창에 있는 내용은 버튼이 있고, 클릭하면 대화상자가 뜹니다. 팝업 효과가 있지만 부드럽게 전환되는 방법은 무엇입니까?

世界只因有你 2017-05-18 10:56:53 0  7  685

버튼 클릭시 jquery가 응답하지 않습니다.

코드는 다음과 같습니다. 버튼을 클릭해도 아무런 효과가 없습니다.&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; {code...} &lt;/head&gt;&lt;body&gt; .} &lt ;/body&gt;&lt;/html&am

为情所困 2017-05-18 10:59:07 0  5  528

javascript - vue2.0 하위 구성 요소는 상위 구성 요소에만 데이터를 전달합니까?

이것이 상위 컴포넌트이고 이것이 하위 컴포넌트입니다. 효과를 설명하겠습니다. "All", 'Recommend', 'Tucao'를 클릭하여 selectType의 값을 변경하여 선택한 버튼의 배경을 변경합니다. '확인 표시'를 클릭하면 선택 항목이 표시되고 선택이 취소되므로 하위 구성 요소에 있는 selectType 및 onlyContent의 두 값...

给我你的怀抱 2017-05-19 10:34:07 0  2  783

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

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

P粉996763314 2023-11-04 11:04:23 0  1  765