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
- Aantal seconden dat de overgang (transitie) moet duren
- Het aantal graden dat je jouw element wil laten draaien
- De schaal dat je jouw element wil laten vergroten of verkleinen
- Het aantal graden dat jouw element schuin moet staan