javascript - 프런트엔드 지도 애니메이션 효과를 구현하는 방법입니다.

아래 효과와 유사하게 아바타가 경로에 따라 움직일 수 있습니다. 저는 이런 애니메이션을 본 적이 없습니다. 프런트 엔드는 어떻게 구현되어야 합니까? 캔버스? webGL? 아니면 기성 프레임워크? 이 효과를 얻으려면 어떤 아이디어를 사용해야 하는지 전혀 모르겠습니다. . .

PHPz 2017-05-16 13:36:02 0  2  458

javascript - 가변 높이 애니메이션을 구현하는 방법은 무엇입니까?

가변 높이로 div의 높이를 변경하는 애니메이션을 구현하는 방법은 무엇입니까? 예를 들어 div가 먼저 표시됩니다: 없음, 버튼을 클릭하면 표시되고 높이가 0에서 최대 높이로 점차 변경됩니다. 사업부. Google의 답변은 max-heigth를 사용하는 것이지만 max-height 설정이 부적절하다면 ...

我想大声告诉你 2017-06-26 10:56:12 0  1  827

angular.js - ng-class 및 whirl.css 플러그인을 사용하여 로딩 애니메이션을 스타일에 표시합니다.

로딩 페이지에 whirl.css 플러그인을 사용하면 전환 애니메이션의 예상 효과가 나타납니다. 실제 상황:

滿天的星座 2017-05-15 17:11:55 0  1  736

javascript - 모바일 qq의 유사한 기능을 구현하는 방법은 무엇입니까?

좋아하는 숫자가 날아다니는 애니메이션을 구현하는 방법은 무엇입니까?

漂亮男人 2017-05-19 10:16:38 0  3  577

javascript - 이상한 문제를 발견했습니다. 탭을 닫으면 제가 작성한 CSS 애니메이션이 자동으로 일시중지됩니다.

이상한 문제를 발견했습니다. 제가 작성한 CSS 애니메이션이 탭을 닫으면 자동으로 일시정지되고, 탭을 펼치면 계속 재생됩니다. 움직이는 효과를 얻기 위해 배경 이미지를 사용하는 것도 이와 관련이 있나요?

给我你的怀抱 2017-06-30 09:52:30 0  1  843

Vue 로딩 애니메이션을 구현하고 동시에 URL에서 이미지를 로드합니다.

이미지가 로딩되면 로딩 애니메이션을 보여주고 싶은데 어떻게 구현해야 할지 모르겠습니다. 디버깅하고 "true" 및 "false"를 콘솔에 출력했지만 로딩 애니메이션이 여전히 표시되지 않았습니다. //// 오류 {{currentCountKing}} / {{ALL_FILMS.length-1}} {{firstFilm.title}} {{secondFilm.title}} Побед

P粉021854777 2023-08-03 18:04:16 0  1  627

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

javascript - 두 개의 스와이퍼가 중첩되어 있습니다. 외부 스와이퍼 애니메이션이 초기화되면 애니메이션 요소가 숨겨지고 표시되지 않습니다.

초기 상태: 두 번째 페이지로 슬라이드한 후 뒤로 슬라이드하면 애니메이션 요소가 나타나고 JS 코드가 정상적으로 재생됩니다.

我想大声告诉你 2017-05-19 10:32:28 0  1  761

javascript - js 스크롤바 구현 아이디어

Vue2.0 스크롤바 플러그인을 찾지 못했습니다. JS를 사용하여 스크롤바를 구현하려고 했는데 인터넷에서 스크롤바 구현을 위한 여러 JS 플러그인을 찾았습니다. 어떤 마스터가 스크롤 바코드를 수동으로 작성했는지 묻고 싶습니다. 아니면 관련 블로그가 있나요? 코드가 필요하지 않으며 기본적인 구현 아이디어만 있으면 됩니다.

PHP中文网 2017-06-12 09:32:11 0  4  828

javascript - 모바일 측에서 파티션 스크롤을 어떻게 구현할 수 있나요?

메뉴와 해당 음식에 자체 스크롤 영역을 갖게 한 다음 오른쪽의 특정 위치로 슬라이드하여 전환하도록 모바일 단말기의 다양한 영역을 구현하는 방법을 묻고 싶습니다. 직접 구현해 볼 수 있지만 각 파티션을 스크롤하는 방법을 알 수 없습니다.

迷茫 2017-05-19 10:30:54 0  2  494

CSS 캐러셀 전환 애니메이션

그림과 같이 JS로 작성된 애니메이션에 과도한 효과를 설정하면 이런 상황이 발생하게 됩니다. JS에서는 이러한 상황을 어떻게 바꿀 수 있을까요? {암호...}

習慣沉默 2017-06-12 09:33:00 0  1  873

스크롤 휠을 사용할 때 부드러운 스크롤 애니메이션을 얻을 수 있는 방법이 있습니까?

페이지를 스크롤할 때 스크롤 휠을 사용할 때처럼 "점프하는" 방식 대신 부드럽게 움직이도록 만들려고 합니다. 이와 관련하여 내가 본 대부분의 소스는 버튼이나 링크를 클릭할 때 반응 스크롤이 제공하는 것과 같은 부드러운 스크롤을 포함하지만 특히 휠 스크롤의 부드러운 효과를 얻고 싶습니다. MaterialUI 테마를 통해 이를 달성할 수 있는 방법이 있습니까? 아니면 이에 도움이 될 수 있는 React 패키지가 있습니까?

P粉118698740 2023-08-16 16:40:27 0  1  597

javascript - 페이지 로딩 애니메이션 효과가 표시되지 않나요?

1. 현재 작업 중인 프로젝트는 데이터 테이블 페이지입니다. 백그라운드 쿼리가 오래 걸리기 때문에 사용자 경험을 향상시키기 위해 로드 애니메이션을 추가합니다. 애니메이션 로딩을 위한 플러그인에는 문제가 없지만 메소드 실행 중에 애니메이션 효과가 없는 것으로 확인되었습니다. 2. 코드를 직접 붙여넣으세요. JS 시작하기...

迷茫 2017-05-19 10:18:28 0  4  697

javascript - 스와이프 왼쪽 및 오른쪽 슬라이딩이 중첩된 위아래 슬라이딩 구현 방법

4개의 수평 전환 페이지 각각은 위아래 슬라이드와 중첩되어 있습니다. swiper.js를 사용하여 구현하는 방법입니다.

学习ing 2017-06-27 09:19:46 0  1  1037

javascript - 모바일 CSS 애니메이션 재생 상태 일시정지가 iOS에서 작동하지 않습니다.

모바일 CSS 애니메이션 재생 상태 일시 중지가 ios animation-play-state에서 작동하지 않습니다. 그림을 클릭하여 중지한 다음 그림을 클릭하여 계속 회전하고 싶습니다. 이는 Android 휴대폰에서는 가능하지만 iOS에서는 사진을 첫 번째 클릭하면 정적 움직임 없이 계속 회전합니다. 대신 두 번째 클릭에서는...

给我你的怀抱 2017-06-26 10:53:05 0  1  1223

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

페이지에 흰색 텍스트가 있고 그 아래에 버튼이 있습니다. 또한 애니메이션 그라데이션이 적용되어 텍스트를 채웁니다. 버튼을 클릭하면 -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  806

PHP를 사용하여 판매자가 주문을 수락하지 못한 경우 시스템이 구매자에게 자동으로 돈을 환불한다는 사실을 깨닫는 방법.

PHP를 사용하여 판매자가 주문을 수락하지 않았음을 인식하고 시스템이 구매자에게 자동으로 환불하는 방법 판매자가 주문을 수락하지 않았음을 인식하고 시스템이 구매자에게 자동으로 환불하는 방법.

fairy 2018-07-26 16:34:43 0  2  1056

javascript - Apple 휴대폰에서 CSS3 애니메이션 효과를 표시할 수 없습니다. 어떻게 해결하나요?

애니메이션 효과는 animate.css를 통해 구현됩니다. Android 휴대폰의 브라우저는 물론 WeChat 및 QQ도 모두 정상적으로 실행됩니다. 그러나 Apple 휴대폰에는 호환성 문제가 있습니다. 온라인 주소 https://ipukr.cn/ad/index.htm...

巴扎黑 2017-07-06 10:37:34 0  3  1419

javascript - WeChat 애플릿 왼쪽으로 스와이프하여 삭제하는 방법을 구현하는 방법은 무엇입니까? 관련 API가 있나요?

최근 쇼핑몰 페이지 작업을 하고 있는데 장바구니에 손가락을 왼쪽으로 밀어 삭제 버튼을 표시하는 기능이 있는데 어떻게 구현하나요? JD.com 장바구니를 기반으로 한 기능입니다~

给我你的怀抱 2017-06-10 09:49:10 0  2  964

Jquery를 사용하여 애니메이션 애니메이션을 중지하는 방법

상자가 오른쪽으로 이동하도록 제어하려면 TurnRight 메서드를 실행하고, 상자가 왼쪽으로 이동하도록 제어하려면 TurnLeft 메서드를 실행합니다. {Code...} TurnRight 메서드와 animate animation 메서드에 console.log("end")를 실행하는 콜백 함수를 추가했습니다. 이제 질문이 있습니다.

某草草 2017-05-16 13:43:21 0  3  570