Awesome CSS Effect

Question

Anyone have any idea how to do this sort of thing? The animation that moves with your mouse? Thanks for the correction, @Alin. Just a link to a tutorial would be nice.

EDIT: Just also learned it's the parallax effect. That should help.

He is probably referring to the animation in the 404 page. So the link is valid. — Alin Purcaru, Jan 31 '11 at 07:36
It's called a parallax effect, if that helps finding the right tutorial: http://forthelose.org/examples-of-and-how-to-do-the-css-parallax-effect — Rumplin, Jan 31 '11 at 07:37

score 15 · Accepted Answer · edited Jan 25 '14 at 22:37

15

The effect is accomplished with javascript, not just CSS.

The source code is on the page you linked to.

Have a look at jParallax, which makes it easy to implement the effect in a robust way on your own site: http://stephband.info/parallax.html

edited Jan 25 '14 at 22:37

johnsampson

376
3
14

answered Jan 31 '11 at 07:38

Olhovsky

5,466
3
36
47

score 0 · Answer 2 · answered Jan 31 '11 at 07:37

0

Guess you can always start by firing up FireBug and have a look at the source.

answered Jan 31 '11 at 07:37

Svish

152,914
173
462
620

1

I don't think so. If he didn't think of using firebug himself I doubt he'll understand something from the source. He asked for a tutorial. – Alin Purcaru Jan 31 '11 at 07:39

Awesome CSS Effect

2 Answers2

Linked