- What does a CSS transform allow the developer to do to an element? rotate, scale, translate, and skew.
- Provide an example of a transform and how you could see that being used on a website. I can see this being used to increase the scale of a site logo.
.siteLogo {
transform: scale(.32);
}
CSS Transitions & Animations
- What does a CSS transition allow the developer to do to an element? You could allow the use to change how an element looks or acts when it is clicked on the pointer hovers over it.
- How does a CSS animation differ from a CSS transition? Animation allows users to ability to have more interaction with our site. This can be in a single stage as opposed to transitions which require more than one stage.
8 simple CSS3 transitions that will wow your users
- What are some benefits to using CSS transitions on websites? You can fade in, change color, grow or shrink, rotate, swing, and insert a border.
- How this topic fit in with your long-term goals? This fits in my long-term goals because when I create my portfolio site I would love to have one that stands out and you never know when a client might need some web design and it can help promote sales of a product for a client.
Reference
https://learn.shayhowe.com/advanced-html-css/css-transforms/https://learn.shayhowe.com/advanced-html-css/css-transforms/
https://learn.shayhowe.com/advanced-html-css/transitions-animations/
https://www.webdesignerdepot.com/2014/05/8-simple-css3-transitions-that-will-wow-your-users/