Examples of commonly used effects
Below are some descriptions of effects. With a few lines of CSS code, you can easily produce classic effects such as the shrinking/enlargement of a paragraph (shrink effect), its gradual disappearance/appearance (opacity effect), and its vertical displacement (ymove effect). You are free to choose the names given to these effects and symbolize the effect produced.
The shrink effect
To use the shrink effect (here called "shrink"), we use the CSS font-size property.
At the beginning of the effect, the paragraph is of normal size:
Figure 4.10 – The paragraph is normal size at the beginning of the disappearing effect
Once the effect has started following a click on the button, the paragraph decreases in size until it disappears.
Figure 4.11 – The paragraph decreases in size until it disappears
Once the paragraph has disappeared, it can reappear after another click on the...
