Background-Position 转换器
缩放比:原图大小 与 background-size 的比值
宽 :
高 :
/ background-size :
px
px
ScaleX :
ScaleY :
Reset 1
Reset 2
偏移量:新坐标 - 原坐标(取两张sprite图的开始坐标点,正值)
OffsetX :
-
=
Reset 0
OffsetY :
-
=
Reset 0
RUN
Source
.icon1{background-position:0 0;} .icon2{background-position:-20px -50px;} .icon3{background-position:-40px -100px;} .icon4{background-position:-60px -150px;} .icon5{background-position:-80px -200px;} .icon6{background-position:-100px -250px;} .icon7{background-position:-120px -300px;}
Result