Kruis animatie, animatie en elementen van wijzigingen in de vorm van proces voor het creëren van een beweging. ", sleutels, sleutels in het kruis controle animatie tussentijdse maatregelen, de linker animatie sleutel sleutel) Voorbeeld:" {{achtergrond kleur roze achtergrond; kleur: groen tot {}} {}; de breedte van die 100px; lengte:: 100px; achtergrond kleur: rood, animatie naam: de animatie, animatie duur: 58;}, dit voorbeeld toont een hoogte, breedte, de kleur, de naam en de belangrijkste bepaling tijd grammatica en naar links, animatie, HTML > < < hoofd > < stijl = de tekst /CSS "> H1 - moz animatie duur: 3; - de animatie duur: 3 - norm, moz.- naam: slidein; - bewijzen van de animatie: slidein;} "moz. Slidein {{links: 100% van de marge; breedte: 300%} {marge naar links: breedte: 0%; 100%;}} @ bewijzen sleutel slidein {{links: 100% van de marge; breedte: 300%} {marge naar links: breedte: 0%; 100%;}} < /stijl > < /hoofd > < lichaam > < H1 > Training < /H1 > < p> dit is Een voorbeeld van links animatie. < /P > < knopen in de onclick =" (de) myfunction "> enHet laden van de pagina 's < /knop > < script> de functionele myfunction () {}); positie. Herladen (< /scripts > < /body > < /html > het zal leiden tot de volgende resultaten en negatieve;,, links van de sleutel van de animatie, LT; http: //europa.eu.int > < hoofd > < stijl = "tekst /CSS" > H1 - moz animatie duur: 3; - bewijzen van de duur van de animatie; 3: moz animatie Naam: slidein; - bewijzen van de animatie: slidein;} @ om belangrijke beelden van de marge slidein {{links 100% van de breedte van 75%;:: 300%} {lettergrootte: 300%; marge: 25%;Breedte: 150%} {marge; naar links: breedte: 0%; 100%;}} @ bewijzen sleutel slidein {{marge van links: 100%, 75% van de breedte: 300%} {lettergrootte: 300%; marge: 25%; breedte: 150%} {marge; naar links: breedte: 0%; 100%;}} < /stijl > < /hoofd > < lichaam > < H1 > Training < /H1 > < p> dit is een voorbeeld van een wijziging van de Tekst van de animatie maken, een extra sleutel. < /P > < knop onclick = "()" > het myfunction paGe < /knop > < script> de functionele myfunction () {}); positie. Herladen (< /scripts > < /body > < /html > het zal leiden tot de volgende resultaten en de vermindering van,,;