马黑黑 发表于 2025-9-3 19:24
研究入手：
（一）@keyframes 动画设计，除了改变 opacity 属性，还有些 transform 转换动画的 rotate ...
这个好奇特，也是看了半天。原来是转动原点在svg左上角。这跟小播的绕自身中心旋转完全不同呢。
小播内容的雨丝貌似杂乱地飞舞着，这也是看不出代码呢{:4_203:}
感谢黑黑带来的奇妙效果{:4_187:}
红影 发表于 2025-9-3 21:26
这个好奇特，也是看了半天。原来是转动原点在svg左上角。这跟小播的绕自身中心旋转完全不同呢。
对。不过可以设置为绕元素的中心点运动，酱紫和HTML标签的效果时一样的，但是就没了这个效果{:4_189:}
红影 发表于 2025-9-3 21:27
感谢黑黑带来的奇妙效果
玩玩
红影 发表于 2025-9-3 21:27
小播内容的雨丝貌似杂乱地飞舞着，这也是看不出代码呢
这是视频效果
忧伤且美丽，学生已交作业，请老师指正{:4_190:}
马黑黑 发表于 2025-9-3 21:28
对。不过可以设置为绕元素的中心点运动，酱紫和HTML标签的效果时一样的，但是就没了这个效果
那个已经常见了，还是这个效果奇妙{:4_187:}
马黑黑 发表于 2025-9-3 21:29
玩玩
很别致的效果，奇妙{:4_199:}
马黑黑 发表于 2025-9-3 21:29
这是视频效果
单独看视频，在小播位置没什么，为什么感觉小播背后的雨丝就是快速转动的呢？
马黑黑 发表于 2025-9-3 18:03
<style>
@import 'https://638183.freep.cn/638183/web/css/tz01.css';
#pa { --offsetX: 81px;...
漂亮啊，欣赏学习了。{:4_187:}
马黑黑 发表于 2025-9-3 20:43
听说过
{:4_170:}比如这老天，也是小孩儿脸
马黑黑 发表于 2025-9-3 20:43
应该的
天天乐呵呵的也挺好哒
马黑黑 发表于 2025-9-3 20:43
其实也差不多
有增加一丢丢的不同就是好，事物都是缓慢变化的。
花飞飞 发表于 2025-9-4 18:33
有增加一丢丢的不同就是好，事物都是缓慢变化的。
快了心脏受不了
花飞飞 发表于 2025-9-4 18:32
天天乐呵呵的也挺好哒
是很好
花飞飞 发表于 2025-9-4 18:28
比如这老天，也是小孩儿脸
年轻有为
梦江南 发表于 2025-9-4 16:11
漂亮啊，欣赏学习了。
{:4_190:}
红影 发表于 2025-9-4 13:17
单独看视频，在小播位置没什么，为什么感觉小播背后的雨丝就是快速转动的呢？
因为小播叶片之间有缝隙
红影 发表于 2025-9-4 13:16
很别致的效果，奇妙
感谢支持