The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Make background image load at half size:

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #239956


    I have a pre-loader here:

    The pre loading animation is a animated gif that looks quite pixelated on retina screens. I need to make it load at 50% of it’s size to make it look okay on modern retina screens. But doing that makes the BG half the screen size.

    Do you have any thoughts on making this pre-loader retina ready? Thanks!!


    I’m not quite sure what you’re trying to achieve. Do you just want the heart to be scaled down? If so maybe something like background-size:70px could work?

    Maybe it would be better to use an animated svg, css shape, or even an html sysmbol?

    here is an example using an html symbol:


    Thanks! I think this will work!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.