스크롤 진행 애니메이션

스크롤 진행에 애니메이션을 적용하는 방법을 알아야 합니다. 이는 일반적인 스크롤 진행이 아니라 뭔가 다릅니다. 웹사이트 링크와 제가 찾고 있는 애니메이션이 포함된 특정 부분의 스크린샷을 제공하겠습니다. https://todoist.com/웹사이트 링크입니다. 웹사이트 홈페이지의 특정 섹션에 대한 스크린샷을 첨부했습니다. 페이지를 스크롤하면 섹션 내에서 스크롤이 발생하고 섹션 자체도 스크롤됩니다. 해당 스크롤 섹션이 완료되면 정상적으로 계속 스크롤하십시오. 스크롤 진행률 표시줄에 대한 많은 튜토리얼을 볼 수 있지만 이 특정 스타일의 ...

P粉821808309 2024-03-29 19:36:49 0  1  394

recyclerview 항목의 진행률 표시줄 애니메이션 android - recyclerview 항목의 진행률 표시줄 애니메이션

데모를 작성하려면 recyclerview에 있는 항목에 진행률 표시줄을 애니메이션으로 표시하고 싶어서 setProgress()를 계속 설정하여 작성합니다. 하지만 실제 진행에서는 제가 판단하더라도 잘못된 항목에 애니메이션이 재생됩니다. 해당 아이템이 재사용 중인 경우, 취소하면 아무 것도 할 수 없습니다. . ...

扔个三星炸死你 2017-06-08 11:02:32 0  1  1236

선택 이벤트가 변경되면 CSS 애니메이션이 해당 효과를 트리거합니다.

저는 React 앱을 만들려고 합니다. 지금은 포켓몬이 포함된 선택 입력 상자가 있습니다. 선택 항목이 변경될 때마다(예: 포켓몬이 변경될 때) 포켓몬 스프라이트가 약간 흔들리는 애니메이션을 수행해야 합니다. 현재는 변경되는 스프라이트와 선택 값이 변경될 때 재생되는 오디오만 있습니다. 이 기능을 어떻게 구현할 수 있나요? onChange 및 스타일 구성 요소를 사용하여 스타일을 변경해 보았지만 작동하지 못했습니다. 애니메이션은 페이지가 로드될 때만 실행됩니다. 이것은 내 현재 코드입니다: Select.ts:i

P粉200138510 2024-04-01 09:16:28 0  1  501

JavaScript 및 CSS를 사용한 자동 배경 변경에 대한 추가 연습

이전 질문에서 (Jan)의 도움으로 자동 배경 변경 문제를 해결했습니다. 내 이전 질문: JavaScript 및 CSS를 사용하여 자동 배경 변경을 구현하지만 배경이 변경되면 색상의 점프가 표시되고 색상 변경이 원활하고 천천히 발생하기를 원합니다. vari=0;functionchangeBackgroundColor(){varBackground=document.getElementById("배경&quo

P粉875565683 2023-08-15 16:52:20 0  2  551

CSS 애니메이션 이름의 구체적인 의미는 애니메이션의 채우기 모드를 나타냅니다.

최근에 CSS를 사용하여 특정 클래스의 불투명도가 0%에서 100%로 바뀌는 애니메이션을 만들려고 했습니다. 하지만 class="bar" 애니메이션에서 몇 가지 문제가 발생했습니다. animation-fill-mode는 타이틀 애니메이션(불투명도 변경)뿐만 아니라 바 애니메이션에도 적용된다는 것을 알 수 있습니다. animation-fill-mode의 애니메이션 이름을 지정하는 방법이 있나요? 제가 만드는 데 사용한 코드는 다음과 같습니다. @keyframestitle{from{-we

P粉441076405 2023-09-13 10:16:28 0  1  546

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

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

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

CSS 캐러셀 전환 애니메이션

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

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

android - 조각은 컷씬을 사용합니다. 컷씬이 완료된 후 메소드가 실행되는지 확인하는 방법은 무엇입니까?

프래그먼트에 대해 500ms 컷신을 설정한 후 onViewCreate에서 네트워크 요청을 했는데, 네트워크 요청이 시작되면 진행률 표시줄이 표시되는데 이때는 컷신이 완료되지 않았기 때문에 진행률 표시줄이 인터페이스보다 먼저 표시됩니다. 내 요청 네트워크를 보호하는 방법이 표시되었습니다...

phpcn_u1582 2017-05-16 13:32:51 0  6  594

svg 애니메이션과 css3 애니메이션의 장단점은 무엇입니까?

RT, 어떤 상황에서 어떤 솔루션에 적합한 전환 애니메이션 효과가 있나요?

曾经蜡笔没有小新 2017-05-16 13:21:17 0  1  633

CSS를 사용하여 그라데이션 애니메이션을 만드는 방법

여러 색상이 포함된 그라디언트를 부드럽게 이동하고 싶은데 애니메이션이 매끄럽지 않은 것이 문제입니다. 매 단계마다 위치가 변경됩니다. <스타일>.animated{폭:300px;높이:300px;border:1pxsolidblack;animation:gra5sinfinite;animation-direction:reverse;-webkit-animation:gra5sinfinite;-web

P粉909476457 2023-09-18 09:47:10 0  2  742

CSS 연속 애니메이션

다음 CSS 코드가 있습니다. 문제는 애니메이션이 원하는 방식으로 작동하지만 10초가 지나면 재설정되어 보기 흉하다는 것입니다. 이상적으로는 다시 시작하는 대신 이미지를 감싸고 이미지의 왼쪽이 캔버스 밖으로 나갈 때 오른쪽에서 다시 나타나는 무한 애니메이션을 갖고 싶습니다. @keyframesscrollRight{0%{배경-위치-x:30%;}100%{배경-위치-x:130%;}}.onrir{backgroun

P粉928591383 2024-03-20 12:30:42 0  1  454

반응형 모달 슬라이딩 애니메이션

반응 및 CSS에 모달을 구현했으며 현재 열 때 모달이 아래쪽에서 위로 미끄러지는 슬라이드 업 애니메이션을 구현했지만 닫으면 아래로 내려가고 싶습니다. 스와이프, 어떻게 해야 할지 모르겠습니다. 아래로 스와이프 애니메이션을 정확하게 생성하려면 누구든지 도와줄 수 있나요? 코드=>import"./styles.css";importreact,{useState}from"react";exportdefault

P粉514458863 2023-08-30 22:49:29 0  1  554

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

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

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

mvc - vue.js 코드 개선?

위 코드에 개선 사항이 있나요?

世界只因有你 2017-05-16 17:05:33 0  1  518

Apache를 시작할 수 없고 디버깅을 수행할 수 없습니다.

먼저 성공적으로 시작되다가 순식간에 비활성화됩니다. 왜 이런거야? 바이두에서 검색해보니 중국어 경로가 존재하지 않고 포트번호가 81로 변경되었습니다. 아직도 작동하지 않나요?

然辰 2017-10-23 18:35:54 0  2  1070

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

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

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

javascript - 시간에 따라 구성요소를 회전(애니메이션)하게 만드는 방법은 무엇입니까?

애니메이션처럼 화면에서 구성요소를 회전시키는 방법이 있나요? Autodesk Forge WeChat 토론 그룹 – pochao 질문하기

phpcn_u1582 2017-05-19 10:09:55 0  1  569

Swiper 활동 클래스를 수동으로 변경

Vuejs를 사용하고 Swiper를 사용하여 페이지 섹션 태그와 관련된 메뉴를 슬라이드하는 프로젝트를 만들었습니다. 사용자가 내 페이지를 스크롤할 때 Swiper 슬라이더가 자동으로 변경되기를 원합니다. 다음 코드를 시도했습니다: swiper code<swiper:slidesPerView="2.3":spaceBetween="30":centeredSlides="true"@swiper=&quo

P粉898107874 2024-01-16 11:06:25 0  1  365

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

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

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

javascript - 전환 높이 자동 전환 애니메이션

1. 축소 시 애니메이션 효과가 없는 이유는 무엇입니까? 2. 코드 {code...} 3. 온라인 데모(해결됨)

大家讲道理 2017-05-16 13:21:31 0  3  805