Class 14: Reading Notes & Assignment Summary
Assignments
- What does a CSS transform allow the developer to do to an element?
- Manipulate an object’s size, position, rotation, and perspective
- Provide an example of a transform and how you could see that being used on a website.
- Can be used to create visual effects on the webpage utilizing existing HTML elements
CSS Transitions & Animations
- What does a CSS transition allow the developer to do to an element?
- Change the appearance and behavior of an element whenever a change state occurs (ex: hover, focus, active, and target)
- How does a CSS animation differ from a CSS transition?
- Animations move the element around within the viewport
- Transitions are a cosmetic change done to the element whenever a specified state change occurs
8 simple CSS3 transitions that will wow your users
- What are some benefits to using CSS transitions on websites?
- Makes for a more interesting webpage that uses will interact with more
- Increased interaction on a site typically leads to higher conversion rates
- How this topic fit in with your long-term goals?
- I don’t want to make static, boring webpages
- I want my content to be interesting to users and I want the elements on the page to give the user an indication of whatever teh element does
- Interesting and interactive content will be keep to increasing the user base