The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to: Have page/object movement with Mouse movement

  • This topic is empty.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #40648

    This is hard to explain. I’ve seen it done not too long ago and would reference this if I could.

    I want to create an illusion of space .. that my 2D objects appear to be in 3D with slight movement of the mouse on the screen. I’m only looking to achieve slight movement like you might have seen in past Flash based websites.

    If you look my design I want to use: [Click Here]( “Gregory’s visual example”) : You’ll see on the last image at the bottom.. my logo is acting as the Sun and there are planet around it. If this were a website.. and you moved your mouse cursor to the left or right, the objects (planets) would slightly move with the movement, but the sun would stay stationary…

    Beyond that I was wondering if its possible to add blur to those planets when they were further away / closer .. to make it appear even more like slight 3D.

    Does this make sense? Does anyone know of a site or someone who’s done this before?



    Are you talking about parallax scrolling?

    If so,


    No that’s not what I’m looking for but … I just did find an example of the Github 404 page that does it.. if you click on this fake link, the images all move based on the mouse movement.

    Do you see what I mean?


    Is this called parallax elements?


    Yes. If you use inspector/Firebug to check out the source you will see exactly what they are using to do that.


    Well, Im not much of a dev, but was hoping someone would know where to find a free example of this?


    Something that is already made for you in the exact way you want it tailored to your design? No, you’re most likely not going to find that. I’ve provided you with a link to a tool that could possibly help but even as a non-dev, you may want to do some more research on your own and maybe seek out the help of someone who *is* a dev that could help put together what you are looking for.


    makes sense. Thanks I appreciate it :)


    Anytime! :)

Viewing 9 posts - 1 through 9 (of 9 total)
  • The forum ‘CSS’ is closed to new topics and replies.