CSS property - animation
De
animation eigenschap kan je in een CSS stijlregel toevoegen om de animatiekenmerken, die je op een element wil toepassen, te bepalen.Definitie
Animatiekenmerken kan je individueel instellen:
| Waarde | Beschrijving |
|---|---|
| animation-name | is de naam van het keyframe dat je wilt binden aan de selector |
| animation-duration | geeft aan hoeveel seconden of milliseconden een animatie in beslag neemt |
| animation-timing | hiermee wordt de snelheidcurve van de animatie opgegeven |
| animatie-delay | Geeft een vertraging voordat de animatie zal beginnen |
| animatie-iteration-count | geeft aan hoe vaak een animatie moet worden afgespeeld |
| animation direction | geeft aan of de animatie moet afgespeeld worden in omgekeerde op afwisselende cycli |
| animatie-fill-mode | bepaalt welke waarden door het animatieteam buiten de tijd die het uitvoert worden toegepast |
| animatie-play-state | hiermee wordt aangegeven of de animatie wordt uitgevoerd of is onderbroken |
| initiial | Stelt deze eigenschap op de standaardwaarde. Lees meer over de initiële |
| inherit | Inherits deze eigenschap van de bovenliggende element. Lees meer over erven |
Je kan ook marges met een steno-eigenschap instellen:
margin: 1em 2em 0.5em 3em;
Als alle marges gelijk moeten zijn, kan je deze eenvoudige stijlregel gebruiken:
margin: 1em;
Als de bovenkantlijn en de rechterkantlijn gelijk zijn aan de onderkantlijn en de linkerkantlijn:
margin: 1em 2em;
Gebruik
Paragraaf
2016-12-07 12:51:51