How to make a dotted line sprite?

Hi all. Here is what we need to do:

5a2ff6b5a3478702865120.jpeg
Mugs 3 by 3px, how it correctly to implement? At first I did
border-bottom: 3px dotted #ffcd4f;
but they are not circles and squares, then I cut out 1 circle and Packed into a sprite, and showed through
background: url("../img/sprite.png") repeat-x -5px-96px

in the end I got it all filled without spaces. Please tell me how all this can be done?
June 10th 19 at 15:44
3 answers
June 10th 19 at 15:46
Solution
Maybe my version will fit https://jsfiddle.net/ar8x8p80/
Specifically for the unit, then after, or hover stick styles
And it is possible to increase the indent? - lily.Abshire82 commented on June 10th 19 at 15:49
, https://jsfiddle.net/ar8x8p80/1/ - Bernie commented on June 10th 19 at 15:52
Thanks - lily.Abshire82 commented on June 10th 19 at 15:55
June 10th 19 at 15:48
How to position the image in the sprite? - lily.Abshire82 commented on June 10th 19 at 15:51
June 10th 19 at 15:50

Find more questions by tags CSS