Portfolio for Gillian Maffit
Chapter 3

Intro. to CSS Transitions

Chapter 3

For this chapter I was able to learn more about what all goes into creating a CSS transition. I was nervous this would be very hard, but after following the code given in the textbook I feel more confident with creating a transition and I feel like after following steps it is easy to understand. The transition property is actually pretty simple, it animates property changes. There are two things that are needes to make this work. The first thing to do is have the CSS property you want your transition to listen for changes on, you can use certain words to specify, or you can use the keyword "all" if you want to listen to all the property changes. The second thing to do is make sure you specify how long the transition will run for on your page.

hexagon with smiley face

In the video I have linked on the side, I will go through the code of this transition and what it looks like, then I will be making some changes which will be helpful to see how much a small change can switch the transition and affect how it may look on the website.