Demo Transistion

For this assignment you will need to research the various properties and associated values of a CSS transition.

  1. Design or implement THREE transition examples. Select at least 2 or more properties to work with for each transition. The more interesting and difficult the better.
  2. Implement your transition effects on one or more web pages using a CSS Preprocessor.
  3. Demonstrate your page to the class, describe how the features work and the effects they create. Be prepared to respond to any questions about your examples.
Sass Code

Example 1

Example 2

Example 3