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

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

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

javascript - CSS3를 호출하는 js에 대한 애니메이션 인터페이스 문서는 어디서 볼 수 있나요?

찾지 못했습니다. . CSS3를 호출하는 js에 대한 애니메이션 인터페이스 문서는 어디에서 볼 수 있나요?

怪我咯 2017-06-26 10:50:43 0  3  946

스크롤 진행 애니메이션

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

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

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  552

CSS 연속 애니메이션

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Vue.js에서 버튼을 클릭하면 애니메이션이 무작위로 생성됩니다.

세 개의 lottie 플레이어 json 애니메이션 파일이 있습니다. congratulations1.json, congratulations2.json 및 congratulations3.json 애니메이션은 다음과 같습니다. 축하합니다 1: <lottie-playerv-if="showPlayer1" class="justify-content-center" src=" ./../../

P粉722521204 2024-03-27 23:57:52 0  1  372

마우스를 올리면 애니메이션이 일시 중지되지만 마우스가 떠나면 계속되는 방법

나는 여러 가지 솔루션에 지쳤으며 이것이 내가 얻은 가장 가까운 솔루션입니다. 하지만 그 결과는 여전히 만족스럽지 않습니다. 마우스가 요소를 벗어나면 요소가 원래 회전으로 되돌아가기 때문입니다. 아이디어는 요소 위로 이동하면 마우스가 요소를 벗어나더라도 애니메이션을 트리거한다는 것입니다. 요소 위로 마우스를 가져가면 애니메이션이 재생되어 0도에 유지되고, 마우스가 떠나면 다른 애니메이션이 재생되어 다시 -8도로 회전합니다. consstelements=document.getElementsByClassName('로타

P粉786800174 2024-04-01 09:43:54 0  1  445

CSS3에서 호 모양의 모션 궤적을 얻는 방법

꽃잎이 사실적으로 떨어지도록 하고 싶어서 중간 지점에 중단점을 추가했는데 움직임이 너무 뻣뻣한데 CSS3 키프레임을 사용하여 호 모양의 움직임 궤적을 만들 수 있나요?

扔个三星炸死你 2017-07-01 09:12:22 0  3  2087

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

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

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

CSS 캐러셀 전환 애니메이션

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

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

투명성과 애니메이션을 유지하면서 Next.js 13에서 애니메이션 SVG 파일을 가져오는 방법은 무엇입니까?

Next.js13에서 애니메이션 SVG 파일 가져오기 importImagefrom"next/image";exportdefaultfunctionHome(){return(<mainclassName="flexh-screenflex-colitems-center"><divclassName="containermt-12flex

P粉322106755 2024-03-27 13:38:40 0  1  484

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

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

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

마지막에 CSS 애니메이션을 최종 상태로 유지

CSS에서 opacity:0으로 설정된 일부 요소에 대해 애니메이션을 실행하고 있습니다. 불투명도를 0에서 1로 변경하는 키프레임을 사용하여 onClick 이벤트에 애니메이션 클래스가 적용됩니다(및 기타 몇 가지 변경 사항). 불행하게도 애니메이션이 끝나면 요소는 불투명도:0(Firefox와 Chrome 모두에서) 상태로 돌아갑니다. 내 본능은 애니메이션 요소가 원래 속성을 무시하고 최종 상태로 유지된다는 것입니다. 이것이 사실이 아닌가? 그렇지 않다면 어떻게 요소를 최종 상태로 유지할 수 있습니까? 코드(접두사 버전 제외): @k...

P粉950128819 2023-08-20 18:36:55 0  2  652

슬라이더 추적 애니메이션을 비활성화할 수 있습니까?

MUI에는 슬라이더 구성 요소가 있습니다: https://mui.com/material-ui/react-slider/ Nub에서 재생되는 애니메이션을 비활성화하여 Nub가 새 위치로 이동하도록 하는 방법을 알아내려고 합니다. 즉시. 이를 수행할 수 있는 방법이 있습니까?

P粉460377540 2024-03-28 19:17:20 0  1  400

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

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

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