CSS3 实现全景浏览

2年前
制作全景图需要一张全景图素材和Pano2VR软件(用于将全景图素材导出)。

使用 background-size 让精灵图实现自适应缩放

3年前
利用background-size自适应的原理,再使用百分比作为宽度和高度的单位,例子中的精灵图有7列,所以设置background-size: 700% 100%。使用background-position就能取到精灵图里每个元素,取图中的第二个元素:background-position-x: 200%。