\u201cAnimation<\/a> is about creating the illusion of life.\u201d Brad Bird<\/a> Before we get into the technical side of CSS animation<\/a>, let\u2019s discuss why we\u2019re animating in the first place.<\/p>\n Animation can convey information efficiently, or it can be used to grab attention but in the end, it is all about communication<\/a>.<\/p>\n Movement in our designs gives us a more powerful way to communicate. It transcends verbal and written language.<\/p>\n Subtle and appropriate animation can add appeal to our designs and credibility to our work. This happens because as humans we\u2019re used to seeing movement all the time in the \u201creal\u201d world. Bringing some of that life into our work brings the two closer.<\/p>\n As our web browsers continue to improve and better support animation, it is becoming a more viable option than ever. In many ways animation is as important to web design as the fonts we use and layouts we create.<\/p>\n Animation brings us two main benefits: conveying information<\/a> and grabbing attention. We can come up with many ways these benefits can help us as we build for the web.<\/p>\n","protected":false},"excerpt":{"rendered":"More than words alone<\/h4>\n
What is animation on the web?<\/h4>\n