南无月 发表于 2024-6-2 18:24
这也行。。今天跟这一贴开裂的，发现小播图片大小也会影响开裂位置
class="pa" 的元素是绝对定位，它的尺寸未设置，由里面的不定位的图片大小决定它的大小。而你使用的变换方式是宽度变更。
根据图片等因素，伪元素的变换方法可以是 left 和 right，辅之以 transform: rotate(角度），可以达到更大幅度的开合效果，庄严而大气。
马黑黑 发表于 2024-6-2 18:28
class="pa" 的元素是绝对定位，它的尺寸未设置，由里面的不定位的图片大小决定它的大小。而你使用的变换 ...
等等，它就是左不动，我才没办法让它开得更大。。{:4_170:}
南无月 发表于 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属性，如 ...
我又发现一个效果，把外壳全部隐去，那旋转的银河像掉进黑洞里似的。。{:4_170:}
醉美水芙蓉 发表于 2024-6-2 21:08
这个月儿最爱玩了！
{:4_170:}老师出的的效果都比较好玩。。
马黑黑 发表于 2024-6-2 19:30
@keyframes 制作的关键帧动画，由元素的 animation 属性去调用。关键帧动画可以是绝大多数的CSS属性，如 ...
这么说可用的太多了。。。
:hover和 animation都是动的。。
可调用的CSS属性通用的不？{:4_170:}
南无月 发表于 2024-6-2 21:33
这么说可用的太多了。。。
:hover和 animation都是动的。。
可调用的CSS属性通用的不？
:hover 是元素相应指针设备的动画，原理上和关键帧动画是一个道理
南无月 发表于 2024-6-2 21:17
我又发现一个效果，把外壳全部隐去，那旋转的银河像掉进黑洞里似的。。
{:4_190:}
马黑黑 发表于 2024-6-2 21:39
:hover 是元素相应指针设备的动画，原理上和关键帧动画是一个道理
{:4_173:}真是太友好了。一个道理就大家都用呗
马黑黑 发表于 2024-6-2 21:42
又改一次，这次应该是终稿了
南无月 发表于 2024-6-2 22:00
又改一次，这次应该是终稿了
辛苦
南无月 发表于 2024-6-2 22:00
真是太友好了。一个道理就大家都用呗
差不多的吧
马黑黑 发表于 2024-6-2 22:37
辛苦
好玩的是，做这种事只觉得开心，没觉得辛苦。。{:4_170:}
马黑黑 发表于 2024-6-2 22:38
差不多的吧
{:4_170:}差不多先生你来上班啦
南无月 发表于 2024-6-3 18:10
好玩的是，做这种事只觉得开心，没觉得辛苦。。
那敢情好
南无月 发表于 2024-6-3 18:11
差不多先生你来上班啦
灌个水喝酒去
马黑黑 发表于 2024-6-3 18:11
那敢情好
这是一种神奇的现象。。做喜欢的事可缓解疲劳{:4_170:}