How to shrink a background image in a div

As fa as I understand the function background-size: cover; stretches a background image always so that it is always covering (page or single div) but It does not shrink the image by keeping/scaling the whole visible content.

So is there a possible way of letting dlently shrink the background image within a div?

I’m asking because I would love to take the advantage of using different background-images at different breakpoints but want to be able to always see the whole image.

I hope this makes sense to you guys. Thanks for thoughts and advice,

Chris


freewaytalk mailing list
email@hidden
Update your subscriptions at:

‘Cover’ always will proportionally scale the background image, both up and/or down for as long as you will allow the image to ‘scroll’. As soon as the background image is set to static (uncheck scroll), the image will cover the page height in order to show background-content whenever the div is at the bottom or top of the page.

Richard


freewaytalk mailing list
email@hidden
Update your subscriptions at: