Comments on: Auto-scrolling Parallax Effect without JavaScript

By: Tyler Hayes

Tyler Hayes — Thu, 22 Jul 2010 20:15:50 +0000

Is it possible to animate the property immediately on page-load without using a dynamic pseudo-class?

I.e. the stars move immediately upon loading experiment.php, not experiment.php#experiment.

By: Tyler

Tyler — Sat, 20 Feb 2010 23:58:12 +0000

I’m working on a series of “Javascript Feelings” which attempt to explain complex human emotions using Javascript. I’ve used the parallax effect in my first piece entitled “Intimacy With Strangers.”

http://verytogether.com/lifestyle/play/javascript-feelings-intimacy-with-strangers.html

By: CSSハックマニアその1 | Nutspress

CSSハックマニアその1 | Nutspress — Thu, 01 Oct 2009 03:49:05 +0000

[…] & Text hover Professional dropline with images… Markup Hierarchy – Advantages in SEO Auto-scrolling Parallax Effect without JavaScript Tips for Developing Semi-Liquid Layouts CSS Light Box – Click […]

By: Auto-Moving Parallax Background | E Marketing, Web Design, Web Develop, SEO and SEM Egypt Blog

Wed, 22 Apr 2009 22:18:55 +0000

[…] Paul Hayes took that example and ran with it. He used the extremely cool –webkit-transition attributes to make the parallax effect move without […]

By: Best of Week (+/-) #10 | Insel der Engel'

Best of Week (+/-) #10 | Insel der Engel' — Sat, 11 Apr 2009 23:16:32 +0000

[…] Auto-scrolling Parallax Effect without JavaScript […]

By: Keith Pickett

Keith Pickett — Sat, 04 Apr 2009 15:38:53 +0000

I have to agree with Arnaud. While I really like this effect, it would have been more useable to me that it was titled specifically to CSS3/Webkit. It doesn’t work in FF and I assume IE. I have to develop on a platform that is common to all browsers.
Be that as it may, it’s a great piece of code.

By: AaronRutledge.com » New links for April 3, 2009

AaronRutledge.com » New links for April 3, 2009 — Sat, 04 Apr 2009 06:11:24 +0000

[…] Auto-scrolling Parallax Effect without JavaScript Nice parallax effect. Works in latest Safari and FF3.1 betas Posted 04–04-09 » Links […]

By: Arnaud Meuret

Arnaud Meuret — Fri, 03 Apr 2009 14:18:33 +0000

Well, quite a misleading post title. What about being honest and rename it to:

“Auto-scrolling parallax effect with proprietary Webkit CSS3” ?

Do not get me wrong, I do admire people like you who take the time to share their findings, I’m trying to do it myself. But I dislike bait URLs.

By: Paolo

Paolo — Fri, 03 Apr 2009 09:07:41 +0000

Very nice demo! It works with the webkit version of epiphany under Linux as well.

To install it on ubuntu:

sudo apt-get install epiphany-webkit

or use the package manager, with way more clicks

By: Ajaxian » Auto Scrolling Parallax Effect in CSS

Ajaxian » Auto Scrolling Parallax Effect in CSS — Fri, 03 Apr 2009 06:01:31 +0000

[…] Hayes is off doing more fun things, this time creating an auto scrolling parallax effect with CSS, specifically using multiple background images on a single element and the –webkit-transition […]