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.
Entries Tagged as 'matrix'
Augment Photos With CSS3 matrix3d() Transforms
Tags: 3d · CSS · CSS3 · matrix · matrix3d · transform · transform3d · transform3d · Uncategorized