# Rules
# Animatie
Snelle ease in, trage ease out. Alsof een monolytisch blok over ijs glijdt.
speed: variabel, afhankelijk van de grote van het object. Hoe groter het is, hoe meer speed het moet krijgen.
easing: cubic-bezier(.05, 0, .002, 1);
Codepen voorbeeld (opens new window)
# Schaduw
# Concept
De schaduw geeft het effect aan een object dat het zweeft. Het geeft een lichtheid mee aan Witte objecten en foto's. Grote zwarte objecten zijn monolitisch en gegrond. Deze krijgen geen schaduw mee.
Codepen voorbeeld (opens new window)
# Normaal
box-shadow: 0 15px 60px -30px rgba(0,0,0, .8);
# Hover
box-shadow: 0 20px 60px -30px rgba(0,0,0, .8);