Scaling can be used independently without combining other effects. Positioning also makes a huge impact to the meaning of your presentation. In the previous example, the data-x
and data-y
positions of steps created the hierarchical structure wherein each single step a subcomponent of the next step. The following is a screenshot of the same presentation with slightly different positioning:
The difference in positioning made Step 2 and Step 3 direct subcomponents of Step 1. This time we are starting big and going smaller into sublevels, which is the opposite of what we did earlier. When the presentation starts we can scale into the subcomponents first and then the subelements will have the sliding effect instead of the scaling effect. You can work with the data-scale-example2.html
file in the source code folder for this example.
These types of designs can be used to explain departments of a company and subcomponents of each department.