84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
작은 공의 포물선 효과를 얻기 위해 요소 하나를 작성하는 대신 두 개의 애니메이션을 수행하기 위해 요소의 두 레이어를 사용해야 하는 이유에 대해 다른 사람들의 기사를 읽었습니다.
다른 사람의 코드입니다
이것은 내 코드입니다
css:
글 주소/a/11...
第一眼发现个问题
el.style.webkitTransform=`translate3d(${x}px`,`${y}px,0)`; el.style.transform=`translate3d(${x}px`,`${y}px,0)`;
你这里只返回前半段呢，整个是字符串才对
el.style.webkitTransform=`translate3d(${x}px,${y}px,0)`; el.style.transform=`translate3d(${x}px,${y}px,0)`;
transition:0.6s all cubic-bezier(0.49, -0.29, 0.75, 0.41)其中cubic-bezier是运动速率，所以只写一个就会变成斜线动画，而不会有抛物线效果，两个元素其实相当于对速度进行分解
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
第一眼发现个问题
你这里只返回前半段呢，整个是字符串才对
transition:0.6s all cubic-bezier(0.49, -0.29, 0.75, 0.41)其中cubic-bezier是运动速率，所以只写一个就会变成斜线动画，而不会有抛物线效果，两个元素其实相当于对速度进行分解