It’s possible to super-impose dynamic HTML content on top of a photos using 3D transforms to give the appearance that it is part of the picture. However, using a combination of translate3d()
, scale3d()
and rotate3d()
functions to do this is difficult. This article discusses how to use the matrix3d()
CSS transform with the Matrix Construction Set to get pixel-perfect 3D transforms easily and without any knowledge of matrix arithmetic. It also discusses the differences between matrix()
and matrix3d()
, as well as what fallbacks to use for browsers that don’t support transforms.
Augment Photos With CSS3 matrix3d() Transforms
Tags: 3d · CSS · CSS3 · matrix · matrix3d · transform · transform3d · transform3d · Uncategorized
How to Make ClearType, @font-face Fonts and CSS Visual Filters Play Nicely Together
Ever had a problem with using IE’s Alpha Visual Filter and getting blocky text? A solution has been found, and it doesn’t use JavaScript. I expect to hear a sigh of relief from many developers.
Tags: @font-face · ClearType · CSS · CSS3 · Fonts · IE Visual Filters