Comments on: Auto-scrolling Parallax Effect without JavaScript

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 […]

By: David Kaneda

David Kaneda — Thu, 02 Apr 2009 18:22:59 +0000

Nice sample - hope it's okay I linked to it over at WebKitBits. Have you considered using "-webkit-animation-iteration-count: infinite;" - I could see that working well.

By: Tim Wright

Tim Wright — Thu, 02 Apr 2009 15:09:21 +0000

very cool, I didn’t know transition was active in webkit yet