CSS: transition

Voorbeeld

Uitleg

Transitions gebruik je om een overgang te maken bij een hover. Je moet altijd het standaard element definieren en :hover. 

Voorbeeld

transition:All 1.1096s ease;
-webkit-transition:All 1.1096s ease;
-moz-transition:All 1.1096s ease;
-o-transition:All 1.1096s ease;
transform: rotate(4deg) scale(1) skew(5deg) translate(10px);
-webkit-transform: rotate(4deg) scale(1) skew(5deg) translate(10px);
-moz-transform: rotate(4deg) scale(1) skew(5deg) translate(10px);
-o-transform: rotate(4deg) scale(1) skew(5deg) translate(10px);
-ms-transform: rotate(4deg) scale(1) skew(5deg) translate(10px);

Uitleg

  1. Aantal seconden dat de overgang (transitie) moet duren
  2. Het aantal graden dat je jouw element wil laten draaien
  3. De schaal dat je jouw element wil laten vergroten of verkleinen
  4. Het aantal graden dat jouw element schuin moet staan