Browse - Computer Tips - Web: background image that loads quickly

Date: 2019dec26
Language: css

Q.  Web: background image that loads quickly

A.  Use CSS gradients.

For example:

<style> body { background-image: linear-gradient(red, yellow); } </style> <div style='height:100vh'> Hello </div>
This will give the body a gradient background. The div being the height of the browser makes it fill the screen. For more info https://www.w3schools.com/css/css3_gradients.asp