CSS3实现超慢速移动动画效果非常流畅无卡顿

ttx9n · 发表于 2014-6-15 11:47:21

三角碎片以非常缓慢的速度旋转移动，如果使用JS实现会出现一像素一像素移动的卡顿而使用CSS3会获得非常理想的效果

三角碎片以非常缓慢的速度旋转移动，如果使用JS实现会出现一像素一像素移动的卡顿

使用CSS3会获得非常理想的效果

复制代码代码如下:
transform: translate3d(80px, 150px, 0px) rotate(1220deg);
transition: transform 30s linear 0s;

上面一个属性表示图像变换

translate3d(80px, 150px, 0px) 表示X轴偏移80px， Y轴偏移150px

rotate(1220deg) 表示在此过程中旋转1220°

transition: transform 30s linear 0s;

表示动画时间30秒

速度方式：linear

延迟0s

shw5ovr · 发表于 2022-12-9 19:44:49

dfdsafdsfdsfdsf

平平安安 · 发表于 2023-8-23 14:30:59

了乐趣了去了去了去了去了

gyalp · 发表于 2023-9-14 15:25:58

啊，数码撒飒飒飒飒

Anthonylam · 发表于 2023-10-19 05:30:24

不错的源码论坛

e5plu · 发表于 2023-10-28 04:51:37

了乐趣了去了去了去了去了

lba36h7g · 发表于 2023-12-10 16:07:32

看看看看

jasonlong · 发表于 2024-2-23 06:28:57

66666666666666666666

i3x3r3 · 发表于 2024-3-30 21:16:06

加快速度很快就撒谎

a971560 · 发表于 2024-4-24 00:41:24

数据库了多久撒快乐的健身卡啦

账号		自动登录	找回密码
密码			立即注册

[CSS] CSS3实现超慢速移动动画效果非常流畅无卡顿

相关帖子