reading-notes

201 Class 14 Reading Notes

Summary: This class is about CSS Transforms,Transitions, and Animations

CSS Transforms

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

-Size, position, and change elements.

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

-2D Rotate

-Transform origin is the dead center of an element, both 50% horizontally and 50% vertically.

[Source:] https://learn.shayhowe.com/advanced-html-css/css-transforms/>

CSS Transitions & Animations

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

How does a CSS animation differ from a CSS transition?

[Source:] https://learn.shayhowe.com/advanced-html-css/transitions-animations/

8 simple CSS3 transitions that will wow your users

What are some benefits to using CSS transitions on websites?

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

-Create eb pages that look great and are clean

[Source:] https://www.webdesignerdepot.com/2014/05 8-simple-css3-transitions-that-will-wow-your-users/

Bookmark/Skim

https://codepen.io/dp_lewis/pen/QWMxRR

https://codepen.io/dp_lewis/pen/QWMxRR

https://codepen.io/retyui/pen/ByoaXV

https://codepen.io/akshaychauhan/pen/dyBqVo

Things I want to know more about