reading-notes

🗒️ Class 14 Transforms and Transitions

CSS Transforms

• What does a CSS transform allow the developer to do to an element?

  gives us a way to change the size, position, and to change the element.

• Provide an example of a transform and how you could see that being used on a website.

  images zoom in/out on hover

CSS Transitions & Animations

• What does a CSS transition allow the developer to do to an element?

  allow the developer to change how an element looks and acts

• How does a CSS animation differ from a CSS transition?

  Transitions allows us to change how an element looks or acts when a state is changed vs animation where we control how an element looks or acts in multiple keyframes (0% to 100%)

8 simple CSS3 transitions that will wow your users

• What are some benefits to using CSS transitions on websites?

  Using transitions on a website is great because it adds fun interactivity improving user experience.

• How this topic fit in with your long-term goals?

  It fits in my long term goals because as a web developer, i would need to be able to create websites that are not only functional but also interactive and appealing to the users.