[l.....i]

Mirki jak się nazywa to co zostało użyte na tym portfolio, w 2 sekcji rysująca się litera W i poniżej litera C, dopiero gdy zescrollujemy do owej sekcji.

Jestem Świeżakiem i chcę się tego nauczyć :)

.....

http://www.yourflow.pl/
#webdev #frontend

[Melcma]

@lubi: es wi dzi

[blackredwhite]

@lubi: http://leocs.me/jquery-drawsvg/

[l.....i]

@blackredwhite: Dziękuję dobrodzieju

[n3stlee]

@lubi: Można zrobić to też ręcznie
1. Masz svg, które ma stroke
2. Dajesz temu elementowi stroke-dasharray: obwód (tutaj poeksperymentuj - chodzi o to, że zwiększaj dopóki cały zarys będzie widoczny jednym dashem)
3. Dajesz teraz stroke-dashoffset: obwód - teraz nic nie widać
4. Dodajesz animacje linear forwards i ile tam chcesz sekund i w niej zmieniasz stroke-dashoffset do 0
5. Profit

[l.....i]

@blackredwhite: Przyjemniej się podpowiada jak widać efekty, więc wołam by podziękować, udało mi się, ogarnąłem :)
Ładnie się animuje, fajne to:)

[l.....i]

@n3stlee: Z pewnością obadam. :)