术语表 · 格式
雪碧图(Sprite)
将多个小图片合并为一张图;通过 CSS 分段显示。
详细说明
例如,雪碧图可以把动画的 12 帧或多个图标放进一个文件中。横幅通过 CSS 移动或裁剪图片来显示每个部分(background-position)。
它用于减少包内的文件数量,以及制作逐帧动画。它的限制与任何图片相同:体积等于所有帧加起来的大小。
示例
返回术语表background-position: -300px 0;将多个小图片合并为一张图;通过 CSS 分段显示。
例如,雪碧图可以把动画的 12 帧或多个图标放进一个文件中。横幅通过 CSS 移动或裁剪图片来显示每个部分(background-position)。
它用于减少包内的文件数量,以及制作逐帧动画。它的限制与任何图片相同:体积等于所有帧加起来的大小。
background-position: -300px 0;