javascript - CSS3 전환 호환성 문제

TV 상자에서 전환을 사용하십시오. 호환성 이후 전환: 변환 .1s 선형에는 여전히 전환 효과가 없지만 모든 속성에 전환이 있는 것을 원하지 않기 때문에 전환: 모든 .1s 선형을 사용하면 효과가 있습니다. ? 조언 좀 부탁드립니다. 감사합니다.

ringa_lee 2017-05-19 10:29:36 0  1  636

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

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

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

javascript - 요소가 전환 상태에 있는지 확인하는 방법은 무엇입니까?

그런 재산이 있나요? 요소가 전환 상태에 있는지 알 수 있나요? 이제 Transitionend 이벤트의 전환이 완료된 각 요소에 속성을 추가하여 표시합니다.

typecho 2017-07-05 10:36:10 0  1  803

내면아이의 과도기적 불길

이것은 최소한의 재현 가능한 예입니다. "토글" 호버의 전환 끝은 실행되고(원하지 않음) "a"를 조기에 숨깁니다. 변환 후 다시 나타나려면 전환을 클릭하세요. 스위치가 내부에 있기 때문에 이런 일이 발생한다는 것을 알고 있습니다(변경할 수 없음). 전환 시 전환을 중지하는 방법이 있습니까(어떤 전환이 발생했는지 감지하지 않고). 너무 복잡해지고 Transitionend에 버그가 있는 것으로 밝혀졌습니다. 저는 오히려 setTimeout을 사용하고 싶습니다(CSS 전환에는 약간 우스꽝스럽습니다)....

P粉274161593 2024-04-02 14:38:29 0  1  383

전환 태그 정보가 클래스 속성에 유효하지 않은 것 같습니다.

.two{너비: 100px;높이: 100px;배경: #FF6500;전환: 너비 2s;}.two:hover{너비:450;}p{너비: 200px;높이: 200px;배경: #ff6500; 2s;}p:hover{width: 500px;} 위 코드는 p 태그에 유효합니다.

复印名片广告 2020-03-05 11:45:12 0  0  1710

javascript - vue 전환 효과 클래스 이름의 CSS 전환 순서

요소에 대한 전환을 디자인하면 높이가 나타날 때 증가하고 사라질 때 감소하는 것이 이상적인 효과입니다. 설계된 코드는 다음과 같습니다. {Code...} 결과 요소가 나타날 때 높이가 100px에 직접 도달하고 사라지면 코드를 수정하는 순서는 다음과 같습니다. 문제는 해결됐는데 왜 주문을 하는지 모르겠네요...

黄舟 2017-06-26 10:55:15 0  4  680

javascript - vue2.0 전환 호버 이벤트

vue2.0 전환을 사용하여 마우스를 위로 움직이고, 화면 외부에서 QR 코드를 밀어내고, QR 코드를 남겨두고 화면 밖으로 미끄러지는 효과를 얻는 방법

大家讲道理 2017-05-19 10:30:59 0  2  635

javascript - vue1.0 전환 효과를 vue2.0으로 변경하는 방법은 무엇입니까?

이게 1.0의 전환효과를 2.0으로 변환한건데 뭐지!

为情所困 2017-05-19 10:40:59 0  2  579

여러 CSS 전환 효과를 구현하는 방법

이것은 매우 간단한 질문이지만 CSS 전환 속성에 대한 좋은 문서를 찾을 수 없습니다. 다음은 CSS 스니펫입니다. .nava{text-transform:uppercase;text-꾸밈:none;color:#d3d3d3;line-height:1.5em;font-size:.8em;display:block;text-align:center; 텍스트 -shadow:0-1.5em0rgba(2

P粉258788831 2023-08-22 11:00:36 0  2  464

python - 마르코프 체인 상태 전이 확률 행렬 찾기

시계열은 다음과 같습니다. {코드...} 이 시계열은 총 4032개의 값을 가지며, 이들 값의 값 공간은 115가지 방식을 갖습니다. a=[-0.49,-0.47,-0.45···· ··1.75,1.77 ,1.79], 이제 이 115*115 상태 전이 확률 행렬을 찾고 싶습니다. MATLAB 프로그램을 작성했지만 계산을 해보니...

習慣沉默 2017-05-18 10:57:34 0  1  1674

0ms 수면을 생략하면 CSS 전환이 중단되는 이유는 무엇입니까?

제가 제대로 이해하고 있는지 알아보기 위해 FLIP 애니메이션을 구현해 보려고 합니다. 이 코드펜에서(잘못된 코드를 양해해 주세요. 그냥 장난을 쳤을 뿐입니다) 수면을 주석 처리하면 부드러운 전환이 더 이상 작동하지 않습니다. div의 위치가 갑자기 변경됩니다. 수면 시간이 0ms이기 때문에 이상합니다. importReact,{useRef,useState}from"https://esm.sh/react@18";importReactDOMfrom"https://esm.s

P粉659516906 2024-04-06 16:29:50 0  2  725

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

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

ringa_lee 2017-05-24 11:35:53 0  2  2448

CSS3 전환으로 그라데이션 배경 강화

CSS를 사용하여 축소판 이미지에 전환을 적용하여 마우스를 올리면 배경이 페이드인되도록 하려고 합니다. 변환이 작동하지 않지만 rgba() 값으로 변경하면 훌륭하게 작동합니다. 그래디언트를 지원하지 않나요? 또한 이미지를 사용해 보았는데 이미지도 변환되지 않습니다. 다른 게시물에서 누군가가 그렇게 했기 때문에 이것이 가능하다는 것을 알고 있지만 정확히 어떻게 하는지는 모르겠습니다. 어떤 도움이라도 > 사용할 수 있는 CSS는 다음과 같습니다: #containerdiva{-webkit-transition:backgrou

P粉955063662 2023-10-12 18:05:11 0  2  630

그라데이션 배경과 함께 CSS3 전환 사용

CSS를 사용하여 축소판 이미지에 전환을 적용하여 마우스를 올리면 배경이 페이드인되도록 하려고 합니다. 변환이 작동하지 않지만 rgba() 값으로 변경하면 제대로 작동합니다. 그라디언트를 지원하지 않나요? 또한 이미지를 사용해 보았는데 이미지도 변환되지 않습니다. 다른 게시물에서 누군가가 그랬기 때문에 이것이 가능하다는 것을 알고 있지만 정확히 어떻게 하는지는 모르겠습니다. 어떤 도움이라도 > 사용할 수 있는 CSS는 다음과 같습니다: #containerdiva{-webkit-transition:Background0.

P粉217629009 2023-08-23 21:25:42 0  2  649

이 React 18 애플리케이션에서 전환(myComponent)이 실패하는 원인은 무엇입니까?

저는 React18과 Movie Database(TMDB) API를 사용하여 SPA를 개발해 왔습니다. 이제 FramerMotion의 도움으로 경로 사이에 전환(페이지)을 추가하고 있습니다. 이를 위해 /src에 다음 내용이 포함된 Transition.js 파일을 추가했습니다. import{motion}from "framer-motion";consttransition=(OgComponent)=>{return()=&gt

P粉717595985 2024-03-28 19:34:04 0  2  379

순수 Javascript를 사용하여 이미지 교체를 위한 전환 효과 구현

내가 만든 웹사이트에는 여러 개의 아코디언이 있는데 각 아코디언의 상단에는 이미지가 있습니다. 아코디언을 펼치면 안에 설명이 들어가고 이미지가 다른 것으로 변경됩니다. 그런 다음 아코디언을 닫으면 이미지가 첫 번째 이미지로 다시 전환됩니다. 문제는 이 이미지 변경이 페이드 효과를 사용하여 부드럽게 전환되기를 원하는데 지금은 갑작스러운 변경일 뿐이라는 것입니다. 어떻게 해야 합니까? 아코디언 버튼의 ID가 "button"이고 첫 번째 이미지(두 번째 이미지로 변경됨)가 포함된 레이블의 ID가 "firstim...

P粉458913655 2024-03-30 00:14:11 0  1  436

JavaScript는 썸네일에서 전체 너비 이미지 페이지로의 원활한 전환을 구현합니다.

http://manifesto.clapat.com/ 홈 페이지의 항목을 클릭하면 해당 항목 페이지의 제목이 될 썸네일에서 전체 화면 이미지로 전환됩니다. 이러한 전환 효과는 어떻게 생성되며 ReactRouter 대신 내부 라우팅을 사용하여 이를 구현하는 가장 좋은 방법은 무엇입니까? 누군가가 ReactRouter에서 작동하도록 할 수 있다면 저도 그것을 포팅할 수 있습니다. 사용 가능한 몇 가지 튜토리얼이 있지만 모두 다른/프로젝트 페이지로 이동하는 대신 전체 화면 모달 구성 요소와 유사하게 동일한 페이지에 데이터를 로드합니다.

P粉536532781 2023-09-15 22:09:37 0  1  967

애니메이션 콘텐츠 숨기기 및 표시: 전환 효과가 포함된 HTML 페이지 만들기

페이지 넘김 애니메이션을 사용하여 책 형태로 콘텐츠를 표시하는 웹사이트를 만들려고 합니다. 각 "페이지"의 콘텐츠에 대해 애니메이션을 적용할 수 있는 다양한 SVG 이미지가 있습니다. 이 작업을 수행하는 방법을 잘 모르겠습니다. 기본적으로 각 "페이지"에 대해 html 파일을 만들지 않고도 원하는 방식으로 콘텐츠를 표시하고 숨길 수 있는 방법이 있습니까? 순서가 약간 중요합니다. Google이 내 사이트를 임의의 위치에 연결하는 것을 원하지 않습니다. 감사해요! 회전식 슬라이드쇼를 생각하고 있는데...

P粉674757114 2023-09-10 17:41:45 0  1  674

한 가지 색상으로 그려진 텍스트에서 애니메이션 그라데이션으로 부드럽게 전환하는 것이 가능합니까?

페이지에 흰색 텍스트가 있고 그 아래에 버튼이 있습니다. 또한 애니메이션 그라데이션이 적용되어 텍스트를 채웁니다. 버튼을 클릭하면 -webkit-text-fill-color 속성이 투명해지며 텍스트 색상이 그라데이션에 맞게 갑자기 변경됩니다. 이렇습니다: https://codepen.io/hvyjhqnt-the-vuer/pen/poQdaLQ 흰색에서 그라데이션으로 부드럽게 전환하는 것이 가능합니까? (-webkit-text-fill-color 속성은 transiti를 직접 지원하지 않습니다.

P粉762447363 2023-09-16 09:22:05 0  1  815

javascript - vue2.0 전환을 사용하여 마우스를 위로 움직이고, QR 코드를 화면 외부에서 밀어내고, QR 코드를 남겨두고 화면 밖으로 미끄러지는 효과를 얻는 방법입니다.

vue2.0 전환을 사용하여 마우스를 위로 움직이고 화면 외부에서 QR 코드를 밀어 내고 QR 코드를 화면 밖으로 밀어내는 효과를 얻는 방법은 다음과 같습니다. 제가 쓴 내용은 다음과 같습니다. 마우스를 위로 움직이세요. 상자가 미끄러지는데 마우스가 떠나지 않았는데 상자가 사라졌습니다....

PHP中文网 2017-05-19 10:30:36 0  2  850