What does a CSS transform allow the developer to do to an element?
- Elements can be distorted, or transformed, on both a two dimensional plane or a three dimensional plane. Two dimenioinal transform work on both the x and y axes, and three-dimensional transform work on x,y, and z axis
Provide an example of a transform and how you could see that being used on a website.
- Rotate value provies the ability to rotate an element from 0 to 360 degreees. Using a positive value will rotate an element clockwise, and using a negative value will rotate the element couterclockwise. This can be used to grab user attention via visual effect.
CSS Transitions & Animations
What does a CSS transition allow the developer to do to an element?
- Transition allows elements to have a chnge in state, and different styles.
How does a CSS animation differ from a CSS transition?
- Transition has single state change, in contrast animation has multiple state changes.
8 simple CSS3 transitions that will wow your users
What are some benefits to using CSS transitions on websites?
- Entice and enhance user experience, engagement, and ultimately conversions.
How this topic fit in with your long-term goals?
- Above design factors can get more attention from potential clients for better sales conversion.
References