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

Popular posts from this blog

angularjs - ADAL JS Angular- WebAPI add a new role claim to the token -

php - CakePHP HttpSockets send array of paramms -

node.js - Using Node without global install -