CSS-effecten:
Hier zie je effecten als je met je muis over een blok gaat. In css kun je dat doen met de toevoeging :hover achter de naam van de selector. Bijvoorbeeld naar een div met id="effectje" kun je in het css verwijzen met de selector #effectje:hover
id="effectje"
selector is #effectje:hover
#effectje:hover {
color: red;
}
De voorbeelden hieronder zijn uitgebreid toegelicht op w3schools.com
De "transition" eigenschap
Ga met je muis over het div element hieronder voor een overgangs-effect: expand().
De rotate() methode
Ga met je muis over het div element hieronder voor het transform-effect: rotate().
De scale() methode
Ga met je muis over het div element hieronder voor het transform-effect:scale().
De scaleX() methode
Ga met je muis over het div element hieronder voor het transform-effect:scaleX().
De scaleY() methode
Ga met je muis over het div element hieronder voor het transform-effect:scaleY().
De skew() methode
Ga met je muis over het div element hieronder voor het transform-effect:skew().
De tooltip controleren met "visibility"
Ga met je muis over het div element hieronder voor een overgangs-effect: tooltip tekst.
De background-color transition
Ga met je muis over het div element hieronder voor het transition-effect: background-color().