How to have the same css style as everbowl

user_12044504 0
Viewed 37

How did Everbowl make the images and the sections like that? The images seem to be a division to each section with a 3D vibe(and at least I felt like that).

https://www.everbowl.com/#intro

the HTML is probably the source of the picture, but what do I need on the CSS to give the same style?

Thank you

css html javascript
1 Answers

This effect is called 'parallax'. It's done by setting the image's attachment to 'fixed'. Heres how you might go about doing it...

img {
  background-image: url(IMAGE_LOCATION);
  height: 500px;
  background-attachment: fixed;
}

W3Schools has a good guide for this effect: Guide, Demo

user_108514550
Related