How i can recreate this effect 3D

Question

Hi i been looking a webpage and i found out a a website with beautiful effect ,here is the link Beautifl effect

I like recreate these multi layers of background and when the mouse move you see a beautiful, almost 3D, illusion going on. The shapes seem to move in a fluid like motion in 3D, a fake perspective illusion has been created.

Of Course i wish recreate this effect with Wpf and Blend ,sincerely i'm a beginner and i ask you if have some info ,links where can give good eplantion how recreate this effect or some advice.

Thanks in advance and have a good day.

Cheers

Answer 1

It's called the parallax a effect. Here's a link to a slightly different version to show you how it can be achieved in CSS.

Answer 2

This is a really old but effective technique called Parallax Scrolling. You can probably get started with the theory on the Wikipedia page.

Answer 3

They have different layers of shapes that appear to be at different depths.

This is done by making the ones that are "further back" lighter (or more transparent), and by making them move slower.

This is a common technique used in 2D scrolling video games.

You can do the same thing in WPF by varying the speed at which things move.

Answer 4

google for parallex scrolling. it was used in old games to fake 3d (scrolling mountains, trees and stars at different speeds)