html - Reducing a background-image by a percentage of itself not of the parent element -
i use background images
display icon within rounded square. need reduce size of both square , icon in responsive purposes.
but when have several icons displayed background images
of different sizes, , want display icons, say, 70% original sizes, can't set background-size: 70%
because mean 70% of square, whereas want 70% of background image
own size.
any way achieve in css ?
transform block instead of background image.
transform: scale(.7);
Comments
Post a Comment