2D Transistion

CSS 2D Transformations can be combined with CSS Transitions and work as one. For this assignment you will need to research how the CSS Transition and CSS 2D Transformations can be run with one trigger.

  1. Combine one or two of your CSS 2D Transformations with one of your CSS Transitions from the previous assignments. Use the mouse over to begin the process. The more interesting and difficult the better.
  2. Change the order of the transformations to see what affect it has.
  3. Implement your transition effects on one or more web pages using a CSS Preprocessor.
  4. 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 example s.
Sass Code
box 1