I currently have a fixed background which is a picture of stars on this website. The background however looks very stuck and gives off a web 1.0 sort of vibe.
What I would like for it to do would be to give the illusion of movement by slowly scrolling relative to where the user scrolls on the webpage. For instance, objects that are further away usually appear to move slower that objects that are closer. What I want, is for the stars to only move a little bit when the user scrolls, while the page content moves a large amount.
It's hard to explain, but I hope that was clear. Any suggestions?
After doing a little searching around based on the links you guys provided I found a perfect example. Thank you very much.
I THINK you are looking for a sort of modified parallax effect. You might want to check out http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/ .. basically move different layers are different speeds.
So i think LLynn put you in the right direction, but if you check out the websites that already implement this feature you can see that the effect can only be achieved while resizing your browser, not while scrolling.
tutorial. Check this one out, try it. I'm sorry, but the idea you have in mind cant be done with css.