Alternate Fixed & Scroll Backgrounds – Alternate fixed and scroll backgrounds with no javascript, but just the help of the CSS background-attachment property set on Fixed.

2014-10-31 • Plugins • Views: 1575

How to create alternate fixed and scroll backgrounds with no javascript, but just the help of the CSS background-attachment property set on Fixed.

These days we see a lot of parallax effects in web projects. You can achieve some dynamic results with CSS only, without affecting the website performance. Unless you have to use parallax on background images to make your client happy – which sometimes happens.  All you need to learn is how the CSS background-attachment property works. Let’s build this snippet together 😉

 

Website

Demo

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Shares