1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-15 01:25:28 +01:00
blog/content/posts/2008-05-21-awesome-parallax-optical-illusion.md

20 lines
1.6 KiB
Markdown
Raw Normal View History

2013-11-18 23:54:59 +01:00
---
layout: post
2013-12-09 23:29:19 +01:00
2013-11-18 23:54:59 +01:00
title: 'Awesome parallax optical illusion: Make a horse move'
2013-12-09 23:29:19 +01:00
author: Matthias Kretschmann
date: 2008-05-21 13:02:00+00:00
2013-11-18 23:54:59 +01:00
wordpress_id: 58
categories:
- design
2016-05-02 01:40:32 +02:00
tags:
- css
2013-11-18 23:54:59 +01:00
---
![Parallax](/media/parallax_illusion_css.png)As you may know there's a nice parallax effect implemented on this website. Just resize your browser window and you can see the black polaroids in my header flying on different layers. As I stated in an [earlier post](http://www.kremalicious.com/2008/03/love-the-parallax/) there is already some usage for it around the web while this effect seems to be first used by the guys from [Silverback](http://www.silverbackapp.com/). If you don't know what this effect is about head over to [thinkvitamin](http://www.thinkvitamin.com/features/design/how-to-recreate-silverbacks-parallax/trackback/) to get to know what it is and how you can achieve it.
But now Marco Kuiper from [marcofolio.net](http://www.marcofolio.net) adds another usage for it. He created a cool optical illusion with just plain css/html and some pictures. You can see a [demo of this effect](http://demo.marcofolio.net/a_parallax_illusion_with_css/) in action on Marco's website. Head over to the demo and resize your browser window. You should articulate something like "whoooot!" now. Marco has written [some words about it](http://www.marcofolio.net/css/a_parallax_illusion_with_css_the_horse_in_motion.html) too and you can download the demo. He has also [done a nice tutorial](http://www.marcofolio.net/photoshop/your_own_css_parallax_illusion_3d_image.html) how to achieve this optical illusion. Very cool!
(Via [CSS-Tricks](http://css-tricks.com/links-of-interest-31/))