je teken op de stippellijn: voltooiing van de animatie en animatie van je vlucht,,,, in het bijzijn van training, gebruiken we de CSS, svg animatie ondertekend.Dit is een zeer goed resultaat, zodat het leek alsof zijn geschreven in de tekst op het scherm.In deze handleiding zijn genomen, zullen wij verder doen en het gebruik van de trekker animatie - punten als we kiezen.,, het probleem van de animatie, onze handtekening niet perfect - schrijven effect beginnen met het laden van pagina 's, zelfs als de svg is onderaan de bladzijde, zie het niet.Onze idealen zijn handtekening animatie als eerste rollen in zicht.,, en daarom moeten we het gebruik van de bibliotheek. En met een beetje hulp van bestemmingen.En de opsporing van onze handtekening rollen in het oog, op dit punt, zullen we nog een soort, < svg >, - element en dus van een animatie.,, 8.Nog wat meer inhoud, ten eerste, verhoging van de belasting en de tekst van de paragraaf in te vullen, bovenaan de bladzijde, hebben onze handtekening van mond.We zullen ook de toevoeging van een aantal algemene manier om de dingen makkelijker voor de ogen, het lichaam {padding-top,:: 20px; breedte: 90% van de maximale breedte van 580px; de marge;:: 0 -; kleur:񀑆 P {} lettergrootte: 16px; lengte: 1.5; de marge 0 0 1.5em;}:&#ondertekend (breedte: 40%; de oude 0 2em;}, extra punten op.En, ik gebruik een geweldige website van het lettertype genaamd   blokk Neue – dit voor ons een grote demonstratie van de stijl en de bezorgdheid van onze handtekening.Als je wilt downloaden en het lettertype voor eigen gebruik.,, P - familie "blokkneue" - regel, het lettertype, lettergrootte: 16px; lengte: 1.5; deposito 's: 0 0 1.5em;},,,,, meer over het gebruik van Internet lettertype oog   @ lettertype Jeremy niet de.,, 9.De bestemmingen. Js, ongewone ik, dat wil ik niet op dit.- punt 3 bevat de volledige structuur van de vrije versie, dus ik kan de gedurfde gebruik.Als je dit grammaticale of hebben dit project aan je andere redenen, maar ik denk dat het gemakkelijker te maken, met alle middelen naar de verschillende punten van de documenten en de weg veranderen we een code te schrijven, dus, in ieder geval, pak de dossiers van uw: //europa.eu.int /comm /documenten (of in Het je CodePen js panel), ga zitten, een kopje koffie, vijf minuten, tot de svg, we moeten vertellen, over ons, < svg >,, dus laten we deze kans grijpen en het variabele mysignature:,,,, var mysignature = getElementById (doc.'signature "); nu We wat klasse, de concretisering van de toetreding, dus het volgende fragment in CodePen js ruit (of in de < script> het etiket op de bodem van de http: //europa.eu.int), als wat je doet:T).,, moeten we ervoor zorgen dat we door middel van ons, mysignature, tot, yuan, optie (dus het alarm, element), de vaststelling van, de procedure gekozen.We beslissen wat er gebeurt is met de programma 's als de trekker.,, var mysignature = documenten. GetElementById ('signature "); (punt = nieuwe bestemmingen ({element: mysignature, verwerkt () {}}), op de bodem van het raam, de code zal leiden tot" iets "als we De de hoogste < svg >, klik op het raam van de elementen van de top.We moeten iets op de bodem van de trekker, < svg >, klik op de bodem van het raam, met andere woorden, wanneer het volledige draaien in het oog.Dus we kunnen gebruik maken van de afwijking van de bestemmingen.We willen compenseren stelt ons in staat een element voor het op gang brengen van een actie - - wij willen gebruik maken van:, migratie: bodem oog, zoals:,, var mysignature = documenten. GetElementById ('signature "); (punt = nieuwe bestemmingen ({element: mysignature, verwerkt (Oriëntatie) {}, te compenseren. De bodem van mening"}):,, de verwerking, de, en, tot slot, moeten we bepalen wat er gaat gebeuren als de trekker over.We willen een soort (, animatie,) wordt toegevoegd aan de onze, < svg > deze zullen we aan onze animatie.Dus, animatie zal dus slechts het begin van een dergelijke verhoging van spelen.Zullen we nog een lijst toe te voegen, mysignature.. ('animate "), voor de behandeling van functies, geef ons een compleet script, ziet er als volgt uit:,, var mysignature = documenten. GetElementById ('signature"); (punt = nieuwe bestemmingen ({element: mysignature, en functies () {mysignature. De lijst toegevoegd. ('animate ")}, migratie: de bodem oog"}), 10.  . Animatie, in onze Wegwijzerdienst, weet je nog al die regels en de definitie van animatie?We hebben meer specifiek.In plaats van een beroerte stroke-i {:,,. Dasharray:80; animatie: write1 2 1 vrij;}, laten we elke alleen van toepassing wanneer een klasse, animatie, worden toegevoegd aan de moedermaatschappij, < svg >:,,, stroke-i {beroerte. Animatie. Dasharray:80; animatie: write1 2 1 Vrij;}, de resultaten moeten heel dicht in de buurt, en, voor zover mogelijk, naar beneden rollen:,, 11.Niet de transparantie, de laatste details van de handtekening is, volledig zichtbaar is bij verstek gewezen, en als het naar de mening van één flits verdwenen is, het voor "foto 's".Dat kunnen we doen, < svg >, het begin van transparante, dan blijkt, animatie, toevoeging van de categorie.,, we zullen met de transparantie, niet: 0; in het standaard staat, en dan niet bij, transparantie: 1, als het klaar is, gaan #:,, ondertekend (breedte: 40% 0; oude 2em; doorzichtigheid: 0;} {niet&#signature.animate transparantie: 1;},, conclusies, dit is een goede oefening voor een aantal vaardigheden van kleine projecten.We gebruiken in de svg pagina 's, laten we het opruimen van de eigenschappen van strippen en omgezet in de CSS eigenschap, we zoeken een goede controle op de CSS animatie, eindelijk een van de functies van de hulp. De resultaten van de werkzaamheden.,, dit is een interessant resultaat, maar je kan het gebruik van Het om wat te doen?Aan het begin van de Wegwijzerdienst kan worden door het gebruik van de verwerker – veel schoner is er een te regelen.Je kan ook gebruik maken van de techniek als symbool, een aanbeveling of een oproep tot actie.Probeer je de resultaten in de opmerkingen.,