reading-notes

CSS Transitions, Transforms, and Animations

CSS Transforms

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

    CSS transform allows you to distort an element along 2 or 3 dimensions to adjust the visual appearance of the element. You could use this to do things like rotate, scale, or skew an element.

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

    Transform styling could be used to bring attention to a certain part of a website such as featured content or to provide a visual indication of a notification to a user.

CSS Transitions & Animations

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

    CSS transition allows you to alter the appearance of an element when a change in state occurs, like a users pointer hovering over the element or when an element is selected.

  2. How does a CSS animation differ from a CSS transition?

    A CSS transition adjusts an elements appearance from the beginning state to the end state. An animations allows you to set multiple states of appearance from beginning to end and as many as desired in between.

CSS3 Transitions

  1. What are some benefits to using CSS transitions on websites?

    CSS transitions can help to make websites more interesting and engaging for users. Additionally, transitions can be used as a visual way of communication information to users about the site and their interactions with it.

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

    This topic fits in with my long-term goals because CSS transforms, transitions, and animations are modern ways of implementing visual effects on websites and web apps. I need to understand how these concepts work and how to implement them in order to be a proficient developer.

Things I want to know more about

References