Parallax Scrolling Example

A responsive website I developed to experiment with different background images and parallax scrolling.

The Process

I used CSS background-attachment: fixed property to keep the images fixed while the text scrolls over them.

Tools

HTML, CSS, Photoshop, Balsamiq

Typography

Navigation font: Roboto
Headings font: Roboto
Body font: Roboto

Style Tile / Color Palette

Designed and developed with ❤️ and ☕ in Vancouver, BC.

Shanti Chary © 2021

Top