CODEWITHSUNDEEP
csslayout
Jedda
Jedda

Reputation: 1017

What css technique is used to get this effect?

So I've noticed a style used in a few designs lately that gives the appearance of static background images with a content overlay that reveals and hides the images on scroll. It's difficult to describe the effect but you can see it here and here. It's almost like there is two layers to the design. Any tips on how to achieve this?

Upvotes: 0

Views: 312

Answers (2)

adamalexanderw
adamalexanderw

Reputation: 1146

I think this may help as well curtain.js its not maintained anymore, but its a great plugin still if you look at the demo sites!

Upvotes: 1

Kai Qing
Kai Qing

Reputation: 18843

If you want to do this with javascript - You could look into the stellar.js library. You use it with jQuery to handle parallax scrolling for elements or backgrounds or both.

http://markdalgleish.com/projects/stellar.js/

It will help you handle parallax scrolling and keeps certain functionality for mobile devices.

Upvotes: 1

Related Questions