CSS Background image example - Cacher Snippet

11/2/2018 - 3:11 PM

CSS Background image example

Background image set to cover & center. Change image for different one at diff media queries.

css-background-image

.hero {
	background: black url(images/hero-1.jpg) center / cover;
}

@media (max-width: 1024px) {
  .hero {
    background: black url(images/hero-2.jpg) center / cover;
    
  }
}
@media (max-width:  768px) {
  .hero {
    background: black url(images/hero-3.jpg) center / cover;
  }
}