I was messing with css matrices
 

Not so long ago I was testing matrices in CSS to check what kind of effects I can achieve.
Linear algebra and matrix theory is powerful tool in graphical transformations. Unfortunately, not all web browsers can work on 4x4 matrices which can allow full three dimension transformations, only 2x2 matrices are so far supported in most browsers, but it allows only two dimension transformations.

I tried to do some "fake" three dimensional transformation and here is the result:
http://testing.kazymjir-design.com/o...ff/css_matrix/

Nothing great, but it creates illusion that the text is placed on 3D plane.

It works good in last Firefox, other major browsers should run it correctly too (not sure about IE).

That is pretty cool nice work, I am using Chrome on Mac and looks great.

looks great :thumbsup

Have Chrome+Windows and looks pretty nice. How much of a pain is it to create that?

Thanks Zoxxa, bns666, PornMD!

I was unable to use 4x4 matrix, so I decided to use 2x2 matrices and perform 2D transformations (instead of 3D) to achieve this effect.
I opened the background picture in photoshop and took angles on the billboard then I calculated how to skew the text to fit to the borders.
The next step, which took most of the time, was correcting the matrices to make the best illusion of 3D. I opened FireBug and was modifying all matrices manually until I get the proper effect.
It was causing a lot of nerves sometimes, when difference of 0.1 value was making one thing look good and another bad.

The flickering light and text shadows are impressive too. I'm excited to see things like this - not needing anything besides CSS/HTML to create awesome effects.

Very interesting. These new features in CSS are going to introduce dozens of new ways for internet explorer to piss off web developers! :P

This has some great implications for SEO work.

Very cool.

yeah had never heard of matrices before

something to look into

thanks

oh and yeah nice work

Thanks!

Nowadays, thanks to jQuery and CSS3, Flash is not so much needed like years before to do some visual effects on websites.

lol

Very nice.

Very, very cool.