Web Animation using JavaScript: Develop & Design (Develop and Design)

(Joyce) #1
transitioning   text    out of  view     91 – 93
transitioning text using fanciful effects 96

Text nodes 80


text-shadow property, CSS 138


Thresholds, finding performance threshold early 141 – 143


Timing control


delay   option   26
JavaScript vs. CSS 4

Timing multipliers, as design technique 73 – 74


transform property, Velocity 31 – 32


Transforms


3D  CSS primer   156
3D transforms 96
animation effects on neighboring elements and 131
comparing SVG positional attributes with CSS transforms 110 – 111

transition.fadeOut effect, in UI pack 92


transition.perspectiveDown effect, in UI pack 96


Transitions


individual  text    parts    94 – 95
limiting durations 45
replacing existing text 90
staggering durations 91
text out of view 91 – 93
text using fanciful effects 96
text visibility 80

Translations


3D  CSS primer   156
animation effects on neighboring elements and 131
animation of 162 – 163
code section for circle animation 160
CSS transform property 32
mirroring and 44
Free download pdf