返回视频列表

用 JavaScript 把图片拆成 900 个像素方块跳舞

Online Tutorials9:173487 次观看进阶JavaScript

哔哩哔哩YouTube

看完视频，就在编辑器里复刻一个同款小作品吧。

把一张图片切分成 30×30 共 900 个像素方块，每个方块带着随机延迟旋转、向两侧扫开再合拢放大。练习用 JS 双层循环生成网格、background-position 负偏移拼图，以及 scale/rotate/translate 独立变换关键帧编排。

  • image-animation
  • css-animation
  • grid

跟练作品1

视频来自 B 站与 YouTube，站内播放使用平台官方嵌入组件，版权归原 UP 主 / 频道所有。当前点击卡片将在新标签页打开原站。