萬水千山總是情

马黑黑

南无月 发表于 2024-6-2 18:24
这也行。。今天跟这一贴开裂的，发现小播图片大小也会影响开裂位置

class="pa" 的元素是绝对定位，它的尺寸未设置，由里面的不定位的图片大小决定它的大小。而你使用的变换方式是宽度变更。

根据图片等因素，伪元素的变换方法可以是 left 和 right，辅之以 transform: rotate(角度），可以达到更大幅度的开合效果，庄严而大气。

南无月

马黑黑 发表于 2024-6-2 18:28
class="pa" 的元素是绝对定位，它的尺寸未设置，由里面的不定位的图片大小决定它的大小。而你使用的变换 ...

等等，它就是左不动，我才没办法让它开得更大。。

马黑黑

南无月 发表于 2024-6-2 18:29
等等，它就是左不动，我才没办法让它开得更大。。

你现在去看看效果。不过不知道何因，搞丢了你的其他数据。

南无月

马黑黑 发表于 2024-6-2 18:40
你现在去看看效果。不过不知道何因，搞丢了你的其他数据。

我看真是太好了。。
正是我想象中的效果。。
我都没想着用LEFT来让它左移，，还真是思维固化。。

马黑黑

南无月 发表于 2024-6-2 18:51
我看真是太好了。。
正是我想象中的效果。。
我都没想着用LEFT来让它左移，，还真是思维固化。。

@keyframes 制作的关键帧动画，由元素的 animation 属性去调用。关键帧动画可以是绝大多数的CSS属性，如大小、方位、颜色、transform转换等等等等

南无月

马黑黑 发表于 2024-6-2 19:30
@keyframes 制作的关键帧动画，由元素的 animation 属性去调用。关键帧动画可以是绝大多数的CSS属性，如 ...

我又发现一个效果，把外壳全部隐去，那旋转的银河像掉进黑洞里似的。。

南无月

醉美水芙蓉 发表于 2024-6-2 21:08
这个月儿最爱玩了！

老师出的的效果都比较好玩。。

南无月

马黑黑 发表于 2024-6-2 19:30
@keyframes 制作的关键帧动画，由元素的 animation 属性去调用。关键帧动画可以是绝大多数的CSS属性，如 ...

这么说可用的太多了。。。
:hover和 animation都是动的。。
可调用的CSS属性通用的不？

马黑黑

南无月 发表于 2024-6-2 21:33
这么说可用的太多了。。。
:hover和 animation都是动的。。
可调用的CSS属性通用的不？

:hover 是元素相应指针设备的动画，原理上和关键帧动画是一个道理

马黑黑

南无月 发表于 2024-6-2 21:17
我又发现一个效果，把外壳全部隐去，那旋转的银河像掉进黑洞里似的。。

南无月

马黑黑 发表于 2024-6-2 21:39
:hover 是元素相应指针设备的动画，原理上和关键帧动画是一个道理

真是太友好了。一个道理就大家都用呗

南无月

马黑黑 发表于 2024-6-2 21:42

又改一次，这次应该是终稿了

马黑黑

南无月 发表于 2024-6-2 22:00
又改一次，这次应该是终稿了

辛苦

马黑黑

南无月 发表于 2024-6-2 22:00
真是太友好了。一个道理就大家都用呗

差不多的吧

南无月

马黑黑 发表于 2024-6-2 22:37
辛苦

好玩的是，做这种事只觉得开心，没觉得辛苦。。

南无月

马黑黑 发表于 2024-6-2 22:38
差不多的吧

差不多先生你来上班啦

马黑黑

南无月 发表于 2024-6-3 18:10
好玩的是，做这种事只觉得开心，没觉得辛苦。。

那敢情好

马黑黑

南无月 发表于 2024-6-3 18:11
差不多先生你来上班啦

灌个水喝酒去

南无月

马黑黑 发表于 2024-6-3 18:11
那敢情好

这是一种神奇的现象。。做喜欢的事可缓解疲劳