Revealing content on scroll Wow.js Using Wow.js Adding “wow” classes Hiding and showing Using Animate.css Using Modernizr Homework Revealing content on scroll A popular ...
Animations in action A symbiotic relationship The animation property Keyframes Prefixes Homework Animations in action Now that we’ve looked at the transition property, l...
Accessibility Make sure content is accessible Give control Allow for alternate inputs Confusion Don’t make me sick Accessibility is for everyone’s benefit Homework Acces...
Transitions in action Transitions Example: Button transition Prefixes and browser compatibility Homework Transitions in action Now that we have introduced the transition a...
Why animate? More than words alone What is animation on the web? With great power comes great responsibility Inspiration Summary Homework Why animate? “Animation is abou...
Multiple animations Traffic lights Further reading Homework Multiple animations In this chapter we’ll be looking at how we can make use of multiple sets of keyframes running...
Transitions properties Shorthand vs Longhand transition-property transition-duration transition-delay transition-timing-function Things transitions don’t work on Homework ...
Timing functions Linear Ease-in Ease-out Ease-in-out Cubic-bezier Steps More examples Homework Timing functions The timing function is a description of the rate at whic...