清明上河图 --- SVG 长卷画面无缝连续滚动的尝试

195400 · 发表于 2021-9-10 12:12

西椅子胡同 · 发表于 2021-9-10 14:15

教科书式的精彩大作，欣赏、学习！

首图与其后各图开始滾动时间的设定很是巧妙！

g标签的使用恰到好处！

赞！赞！！赞！！！

西椅子胡同 · 发表于 2021-9-10 14:26

创新让作品更精彩！！！

为195400老师的作品点赞！！！

西椅子胡同 · 发表于 2021-9-10 14:50

在我这里，用360安全浏览器和QQ、Edge、Chrome浏览器均可无缝循环播放。

195400 · 发表于 2021-9-10 16:13

西椅子胡同发表于 2021-9-10 14:15
教科书式的精彩大作，欣赏、学习！

195400 · 发表于 2021-9-10 16:16

西椅子胡同发表于 2021-9-10 14:26
创新让作品更精彩！！！

如果是宽幅图片CSS动画要容易些，处理需要转向的图片SVG有独特之处，这个练习主要还是图片的转向。

195400 · 发表于 2021-9-10 16:17

西椅子胡同发表于 2021-9-10 14:50
在我这里，用360安全浏览器和QQ、Edge、Chrome浏览器均可无缝循环播放。

西椅子胡同 · 发表于 2021-9-10 17:38

195400 发表于 2021-9-10 16:16
如果是宽幅图片CSS动画要容易些，处理需要转向的图片SVG有独特之处，这个练习主要还是图片的转向。

是的，见过您用css实现无缝连续滾动的帖子。竖发宽图实现水平滾动就要解决图片转向问题，图片转向后的图片定位（特别是不同幅面图片在转向后的定位）也要解决好。您做的很好！

195400 · 发表于 2021-9-10 18:24

西椅子胡同发表于 2021-9-10 17:38
是的，见过您用css实现无缝连续滾动的帖子。竖发宽图实现水平滾动就要解决图片转向问题，图片转向后的图 ...

红枫 · 发表于 2021-9-10 20:51

账号		自动登录	找回密码
密码			中文注册