De invoering van een beginners CSS animatie

CSS animatie voor beginners,,,, nu steeds meer gebruik van de website is de animatie, of in de vorm van   FSIM, krijgen, tegen de achtergrond van de svg, video 's, enzovoort.Als het goed gebruikt,   animatie in het netwerk   brengt het leven en de interactie tussen de toename van het aantal gebruikers van de feedback, ervaring en een extra laag, tijdens de les, ik zal je voorstellen aan   CSS animatie; een efficiënte manier van doen,   is   steeds populairder wordt ter ondersteuning van de verbetering van de   browser.Met deze fundamentele, we moeten de oprichting van een eenvoudig voorbeeld, animatie vierkante element in de ring:,,,, de sleutel tot het @ en animatie, is de belangrijkste component van   CSS animatie sleutel @, CSS   regels scheppen animatie.Wil   @ sleutel, in de fase.In de "sleutel, kan je definitie van deze fase, elk met verschillende stijlen van de verklaring van  .,, laten de CSS animatie werk, je moet   @ sleutel, een kiezer.Dit   zal geleidelijk verdwijnt alle code binnen de   @ sleutel,   verklaringen en de wijzigingen in het oorspronkelijk stijl van de nieuwe stijl, gebaseerd op het podium.,, "sleutel, een fase van ons, hier.Onze "sleutel eigenschap is, een eigen:,, de naam van de (, tutsfade, in dit geval),,,,,, 100% 0% fase:,,,,,,   (gelijk aan 0%)   (gelijk aan 100%) van de CSS:.,, wil je stijl is. Voor elke fase.,,,,, bijvoorbeeld:" het essentiële kader tutsfade {0% {} niet transparantie: 1; 100% {geen transparantie: 0;}},,,, "of: de sleutel tutsfade {1) {niet transparantie: transparantie: met {}}; 0;,,,, of de steno:" het essentiële kader tutsfade {{geen transparantie: 0;}}, dat deze code zou de overgang naar één van de elementen van de transparantie   niet zonder transparantie: 1: 0, transparantie, niet.Elke methode van meer dan     zal om hetzelfde resultaat te bereiken, animatie,.,,,, is gebruikt om te bellen, "sleutel, binnen een CSS -.Animatie kan meer dan één eigenschap:,,, animatie, naam: "het essentiële kader, de naam (toen we kiezen, tutsfade, animatie,), de duur van een lange tijd, van het begin tot het einde van de animatie, waarvan de totale duur, timing: vaststelling van   animatie snelheid (,



Previous:
Next Page: