Grow your CSS skills. Land your dream job.

Interactive 3d text with CSS3 and some JavaScript

  • # May 24, 2011 at 2:12 am

    hi! this is my idea of the vastly used CSS3 3d text but its controlled by the mouse position, i dont know if this is the best way to doing it and that is why i need your help, maybe you could find a way to doing it simple and more clean, i just finished this code, im really new in this “webby stuff” =P

    PD: sorry for my “bad” english, im mexican, i do understand the languaje but its still kinda hard to express myself…

    and finally!!!… heres the code:

    the fiddle (by Chris… thanks!):

    # May 24, 2011 at 5:32 pm

    im still wating for recomendations =P

    # May 24, 2011 at 11:31 pm

    Here’s a fiddle:

    Pretty sweet.

    # May 25, 2011 at 12:30 am

    i love it! i can’t really put an application where you would use the text -shadow. but i do like it! maybe have a color change depending on the percent its at. pretty sweet though! Great job!

    keep up the fantastic work!

    - Attila Hajzer

    # May 25, 2011 at 1:13 am

    attilahajzer: thank you very much!, actually i came up with this idea for my brother’s “in construction” page Sarka and i thought “nah! it would be a simple and easy javascript” but it wasn’t that much =P, in real production i think that it would look cool with less 3d effect, barely noticeable, but i don’t know, i still have to work on it (it can even become a plugin or something, im dreaming right now =P )

    Chris: thank you! that actually helps a lot, and also made some adjustments (made it smoother with blur and add a “wall”, well actually its an extra shadow and looks like the text its near of some wall)

    here’s the fiddle

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".