- What does a CSS transform allow the developer to do to an element?
CSS transform allows the developer to add rotational movements to their elements, particularly 2D and 3D visual movement to an element.
- Provide an example of a transform and how you could see that being used on a website.
I can see a game of cards would be an easy way use this as you flip each card. Essentially any time I am looking for an interactive way for the user to interact with the elements of my app, I would consider the use of CSS transform first after seeing all the cool affects that can be easily achieved.
CSS Transitions & Animations
- What does a CSS transition allow the developer to do to an element?
A CSS transition effect allows a developer to change the look of an element. This an be used to make an interactive site with menus that can expand, buttons that can look like they were pressed when click.
- How does a CSS animation differ from a CSS transition?
CSS transitions allow for the developer to change the appearance and behavior of an element while CSS animation allows the position of an element to be changed.The pseudo-classes of :hover, :targer, :active, and :target are easy ways to apply transition effects to an element.
8 simple CSS3 transitions that will wow your users
- What are some benefits to using CSS transitions on websites?
It provides your website a modern feel as well as making it feel very professional. It can also provide queues for the user to perform certain actions, for example menu tab that has a little periodic bounce that queues the user that clicking on it may expand it or interact with it.
- How this topic fit in with your long-term goals?
I am all about simplicity. After all the CSS related readings, I am seeing CSS more as a very power language because of its simplicity in relationship to how effective applying visual responsiveness to a website. Before I saw it more as just the ‘styling’ language of a site, now I see it for more.
Things I want to know more about