Weightless(失重催眠曲)—学习钟摆效果

红影

红影

终于做出来上下都能摆动的了对我这样不熟练的人真够折腾的

红影

让我们通过音乐，
进入冥想，感受宇宙的浩瀚。
充分享受音乐的脑波，
消除你的压力和焦虑，开始失重体验。
现在 让我们飞向宇宙深处……

红影

哇，都半夜了，不用催眠也该呼呼去了

红影

如果父容器是.hy 子容器.hy img 那么调用的时候只要调用父容器，不用写子容器就可以了？如果直接命名为.img是不是就必须写子容器？@马黑黑

马黑黑

红影 发表于 2022-1-29 09:09
如果父容器是.hy 子容器.hy img 那么调用的时候只要调用父容器，不用写子容器就可以了？如果直接命名为.img ...

img是可以摆动的对象

红影

马黑黑 发表于 2022-1-29 10:41
img是可以摆动的对象

有2个摆动对象，前面一下子有点蒙，现在好像差不多，两个都能自己动自己的。
那个手扣得不太好，手臂下端应该扣成弧形，这样摆动起来就不会那么怪了。

红影

马黑黑 发表于 2022-1-29 10:41
img是可以摆动的对象

那只手太怪了，为什么我设置的是左右摆，但图片里看起来，那手好像是前后摆的啊，好像都要按到那女的脸上去了，太奇怪了。

马黑黑

红影 发表于 2022-1-29 10:49
那只手太怪了，为什么我设置的是左右摆，但图片里看起来，那手好像是前后摆的啊，好像都要按到那女的脸上 ...

这是视觉错觉的效果：菇凉脸部有所倾斜，手掌往左移时就离她的脸部更近，甚至有接触

红影

马黑黑 发表于 2022-1-29 10:57
这是视觉错觉的效果：菇凉脸部有所倾斜，手掌往左移时就离她的脸部更近，甚至有接触

css动画经常有有一些奇妙的效果，比如上次的春风十里，我一直觉得那玫瑰是在文字后面图像前面，一直以为是三张图图呢，结果是视觉的错觉。真神奇。

加林森

制作得真好。红影加油。

马黑黑

红影 发表于 2022-1-29 11:30
css动画经常有有一些奇妙的效果，比如上次的春风十里，我一直觉得那玫瑰是在文字后面图像前面，一直以为 ...

人的视觉可以识别三维的对象，但在二维对象，三维错觉常常出现，我们的视觉神经和视觉细胞是有缺陷的

小辣椒

亲爱的，制作的太棒了，难以想象的直接css代码效果

红影

加林森 发表于 2022-1-29 11:34
制作得真好。红影加油。

谢谢队长，还是有点小问题的。

红影

马黑黑 发表于 2022-1-29 11:47
人的视觉可以识别三维的对象，但在二维对象，三维错觉常常出现，我们的视觉神经和视觉细胞是有缺陷的

嗯嗯，老电影就是利用人的视觉缺陷的结果，利用视觉残留，让不懂的图片看起来是连续动作。

加林森

红影 发表于 2022-1-29 13:11
谢谢队长，还是有点小问题的。

我感觉手与美女的脸太近了。

红影

小辣椒 发表于 2022-1-29 12:28
亲爱的，制作的太棒了，难以想象的直接css代码效果

亲爱的，黑黑教的这些css动画非常有趣呢

马黑黑

红影 发表于 2022-1-29 13:12
嗯嗯，老电影就是利用人的视觉缺陷的结果，利用视觉残留，让不懂的图片看起来是连续动作。

现在也是的，只是帧数密集了

红影

加林森 发表于 2022-1-29 13:13
我感觉手与美女的脸太近了。

这样更容易让美女睡着

红影

加林森 发表于 2022-1-29 13:13
我感觉手与美女的脸太近了。

我把位置移开了一点，队长再看看，现在差不多了吧。