Comments on: 3D CSS Parallax Effect

By: newe1344

newe1344 — Mon, 04 Apr 2011 16:44:37 +0000

Thanks for this, it inspired me to write a reverse parallax script using jQuery that automagically grabs elements and extends them in space on a page. Alot less work than slicing images…so only check it out if your lazy!

http://iwearshorts.com/featured/reverse-parallax-effect/

Also, it runs a similar effect with background images to the famous silverback.

By: ethanium

ethanium — Fri, 24 Sep 2010 09:09:49 +0000

Nice 1

By: Zmicer

Zmicer — Sun, 20 Dec 2009 01:38:29 +0000

Nice effect! I wish to learn to do it!

By: RichardReddy

RichardReddy — Wed, 16 Dec 2009 19:47:31 +0000

This is a really cool effect. Can’t stop messing with it :)

By: Skilldrick

Skilldrick — Wed, 16 Dec 2009 17:39:20 +0000

Holy crap, that’s impressive. I’m going to have to try that out!

By: Ahrjay

Ahrjay — Wed, 16 Dec 2009 04:02:59 +0000

You could add :focus pseudo class so you could tab through the anchors and have keyboard control as well as mouse control.

By: romancortes

romancortes — Wed, 16 Dec 2009 00:01:39 +0000

Hello Dion,

I’m Roman Cortes. First of all, thanks for the post about my experiment.

I don’t care if little websites use an iframe with it, but, as far as I know your traffic is very high and I’m currently having a lot of traffic right now. Please, if you think you are going to have more than 40 or 50k visits to your front page while this post is on it, host a own copy of the effect.

I hope you read this comment and I receive a reply. As soon as you read it, feel free to delete it.

Thanks so much,

Román Cortés

By: pmontrasio

pmontrasio — Tue, 15 Dec 2009 21:33:30 +0000

Maybe useless but really cool! :-)

By: DanielFrechette

DanielFrechette — Tue, 15 Dec 2009 19:15:58 +0000

Awesome work. Simple, yet every effective. Good stereoscopy.

By: renbeb

renbeb — Tue, 15 Dec 2009 17:45:43 +0000

Amazing! Keep up the good work.

By: TJK

TJK — Tue, 15 Dec 2009 17:24:40 +0000

Very nice!

By: tempire

tempire — Tue, 15 Dec 2009 16:56:24 +0000

I see no mention of the green lantern in his code.

By: fzammetti

fzammetti — Tue, 15 Dec 2009 16:39:26 +0000

Me like!

By: m3tropolis

m3tropolis — Tue, 15 Dec 2009 16:10:14 +0000

While this uses js, the source code is much lighter: http://webdev.stephband.info/parallax.html

By: igaenssley

igaenssley — Tue, 15 Dec 2009 14:16:32 +0000

I’ve already sat here for 15 minutes just moving my cursor back and forth. Thank you for taking my morning productivity down a notch.

By: Chris Heilmann

Chris Heilmann — Tue, 15 Dec 2009 13:59:16 +0000

Reminds me of the CSSplay “animations” done 5 years ago: http://www.cssplay.co.uk/menu/streaker

By: elliotsh

elliotsh — Tue, 15 Dec 2009 13:13:27 +0000

Respect. That’s a win.

By: xtassin

xtassin — Tue, 15 Dec 2009 12:57:47 +0000

“background-position: -32.3333333333px”

He used a (bad) tool.

By: MorganRoderick

MorganRoderick — Tue, 15 Dec 2009 12:20:08 +0000

Brilliant!