Transitions

In Class CSS Transitions Practice

• Transitions Practice 1


• Transitions Practice 2


• Transitions Practice 3


• Transitions Practice 4

CSS Transitions Tutorial Practice

• CSS Transitions


• Time-Functioning


• Time Functioning with Cubic-Bezier


• Image Slide


• Animation Links


• Transition Syntax


• CSS Transitions with JavaScript


• Menu Slide


• TransitionEnd

CSS Transitions Samples

• Sample 1


• Sample 2


• Sample 3


• Sample 4

Reflection Statement

What I Knew

When using CSS Transitions, I knew that if you choose a selector you want to change, you can set the property to transition values. Transitions change your website with animation involved.

What I Learned

I learned that when using CSS Transitions, you can set a value of transition-delay, transition-duration, transition-property, transition-timing-function, and using the shorthand method of transition. You can also incorporate CSS Transitions with JavaScript.

What I Still Want to Study

I still want to study on how CSS Transitions were created and why they're so important in web design.