How can I create the sense of a distance (inside a web page)?

How can I create the sense of a distance (inside a web page)?

So, I’m trying to create a 3D-ish website. One problem I’m having right now is to create the sense of a distance in the background.

- I can blur it …
- I can make it darker …
- I can title up and make each tile look blur and dark …

But I’m not getting this right. As I look whatever page I create, it doesn’t seem like that the background is behind objects (texts, pictures, etc.).

Given available tools like JavaScript, CSS, Photoshop, etc., how can I create the sense of a distance (inside a web page)?

 

You mean perspective?

Look for tutorials about how to make an image look 3d at good-tutorials.com thats where I usually look for tutorials on things like this, usually find something decent

 

Basically this comes down to psychology and how we perceive things. There are general distance clues that every artist uses to create a sense of distance.

The most common are:
linerization (having a horizon and things shrink as they approach it)
textures and gradients
relative size (things farther away are smaller)
interposition (you sorta talked about this already and how you want things on top of each other and behind)

Those are just 4 out of like 10(i think 10??) but I would google distance clues. Like this one I found

 

try this simple process called "blur" this will help you achieve what your looking to do.

 

Kind of.

Even if I were a genius artist who can draw 3D objects on a blank canvas, that’s not what I’m doing right now. I need to place elements of each page like texts, pictures, maybe small animations, … you know, 2D objects and make them look like floating on 3D space. Hmmm …