I’ve been asked if I can build a site similar to the NPR “White Lies” site with parallax images (background images that stay put as html scrolls up or down) that fade in an out. I had built a site using parallax, www.mobilysis.com, which defined a series of css classes I named parallax and embedded them in place using HTML markup items. I’m wondering if there’s a way to make the parallax images fade in and out.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
By the way here’s an example of the code I inserted on the page before :
.parallax { /* The image used */ background-image: url("Resources/bg1.jpeg"); /* Set a specific height */ min-height: 472px; /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: 100%; }(I created a bunch of these classes, parallax, parallax1, parallax2, etc.)
and this is the html markup item I embedded on the page to invoke the background image:
freewaytalk mailing list
email@hidden
Update your subscriptions at: