如上点评所获星级效果展示,星级以半颗为增长的最小宽度。
实现,如下雪碧图:
不同星级直接用background-position取到相应的图即可,上面星级可选大、中、小。
另一种做法或若是星星不是按照半颗半颗增长,则可以用一张灰图和一张亮图叠加,灰图在下亮图在上,灰图width100%,之后通过改变亮图的width,从而实现如上效果。
如上点评所获星级效果展示,星级以半颗为增长的最小宽度。
实现,如下雪碧图:
不同星级直接用background-position取到相应的图即可,上面星级可选大、中、小。
另一种做法或若是星星不是按照半颗半颗增长,则可以用一张灰图和一张亮图叠加,灰图在下亮图在上,灰图width100%,之后通过改变亮图的width,从而实现如上效果。