Using the CSS transform property to create a 3D effect using scale, perspective and rotate.
A reduction in scale is used to prevent the image from overflowing its container. Perspective is applied using pixel value and the rotation of the Y-axis is set in degrees.
In this example the HTML5 <article> width the heading, text and optional link has been switch to the left and the image rotation on the Y-axis has been reversed.
WidgetsThe perspective property is used to give a 3D-positioned element some perspective.
Perspective is added to the parent container and has a value in pixels. The lower the value - the more the effect.