reading-notes

Class 14 - Transforms, Transitions, & Animations

CSS Transforms

1. What does a CSS transform allow the developer to do to an element?
   • Allows users ways to size, position, and change elements.
2. Provide an example of a transform and how you could see that being used on a website.
   • Rotate, scale, or skew elements when hovering over or clicking an item.

CSS Transitions & Animations

1. What does a CSS transition allow the developer to do to an element?
   • Transitions allow the user to alter the appearance and behavior of an element whenever a state change occurs, such as when it is hovered over, focused on, active, or targeted. https://learn.shayhowe.com/advanced-html-css/transitions-animations/
2. How does a CSS animation differ from a CSS transition?
   • Animations can set multiple points of transition upon different keyframes, while transitions provide a change from one state to another. https://learn.shayhowe.com/advanced-html-css/transitions-animations/

More CSS transition

1. What are some benefits to using CSS transitions on websites?
   • Transition effects can excite your users, increase engagement and ultimately, when used well, increase your conversions. https://www.webdesignerdepot.com/2014/05/8-simple-css3-transitions-that-will-wow-your-users/
2. How this topic fit in with your long-term goals?
   • Transitions and animations will make apps and websites I develop to look more professional and set it apart from other sites.