We have covered all the main effects of impress.js in the previous sections. Finally, we'll take a look at how we can use the data-perspective
attribute with impress.js presentations. Perspective determines the distance between you and the z=0 plane. The following is the definition given on CSS perspective by Mozilla.org:
The perspective CSS property determines the distance between the z=0 plane and the user in order to give to the 3D-positioned element some perspective. Each 3D element that is placed between the z=0 and the user is enlarged, each 3D-element with z<0 is shrinked. How much deformation is defined by the value of this property.
As per the definition, the perspective
attribute will only affect elements in 3D space. impress.js uses 1000
as the default value for the data-perspective
attribute. You can define higher or lower values to increase or decrease the distance. Let's look at our rotation example in different perspective values to get an idea on how it...