Interactive 3d text with CSS3 and some JavaScript

[zell25]

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!): http://jsfiddle.net/chriscoyier/y9RW4/

[zell25]

im still wating for recomendations =P

[Chris Coyier]

Here’s a fiddle: http://jsfiddle.net/chriscoyier/y9RW4/

Pretty sweet.

[zell25]

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 http://jsfiddle.net/zell25/y9RW4/8/

[Author]

Posts