-
Notifications
You must be signed in to change notification settings - Fork 0
/
animation.php
82 lines (69 loc) · 7.85 KB
/
animation.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<article class="animation-container">
<header data-0="right:-500px;top:250px;" data-600="right:-500px;" data-900="right:200px;" data-1700="top:250px;" data-2300="right:200px;top:-1000px;" class="test"><h4>From the back of the napkin,</h4></header>
<header data-0="right:-500px;top:250px;" data-2300="right:-500px;" data-3000="right:200px;" data-4000="top:250px;" data-5000="top:-1000px;" class="test2"><h4>All the way out the door.</h4></header>
<svg class="svg-animated" version="1.1" viewBox="0 0 637.9 1411" width="500px" height="1000px">
<path data-600="stroke-dashoffset:6000;" data-end="stroke-dashoffset:0;" class="path" d="M319,0v243.2l0,0c-92.6-0.2-186-0.8-186-0.8s-12,1.7,52,12.7l256,50c0,0,49,5.5,70,16.5l18.5,6L453,695.7
c0,0-11.3,4-44-5.3c0,0-59-15.8-73.5-18.3c0,0-39.5-11-106-22c0,0-86-11-121-21c0,0,24.3-340.8,22.9-366.8c0,0,270.7,68.3,360.7,86
c0,0-50,216.5-61,319.6c0,0-98.4-26.9-110.7-18.9l-1.4,22.1v139c0,0-6.3,16.9,24.4,60.3c19.4,27.4,8.4,53.1-4.8,67.5
c-1.9,2.1-3.6-46.1-5.5-44.5c-5.8,4.8-11.4,57.3-14.1,56.5c-38.5-11.1-44.9-76.9-21.1-46.5c23.8,30.4-16.2,95.9-16.2,95.9
s-5.7-38.7-23.3-60.6c-13.2-16.4-17.8-34.2-17.8-34.2c-8.1-39.4,20.6-65.5,20.6-65.5c25.4-25.9,57.8-24.3,57.8-24.3
s32.5-1.6,57.8,24.3c0,0,28.7,26.2,20.6,65.5c0,0-3.9,18.4-17.8,34.2c-13.9,15.8-20.7,44-20.7,44s-5.8,24.1-6.4,42.2
c0,12.8-76.6,2.6-76.6,15.4s86.1,4.8,86.1,17.7s-86.1,4.8-86.1,17.7s86.1,4.8,86.1,17.7s-86.1,4.8-86.1,17.7
c0,12.8,86.1,4.8,86.1,17.7s-86.1,4.8-86.1,17.7s86.1,4.8,86.1,17.7s-86.1,4.8-86.1,17.7s86.1,4.8,86.1,17.7s-86.1,4.8-86.1,17.7
c0,12.8,86.1,4.8,86.1,17.7s-86.1,4.8-86.1,17.7s86.1,4.8,86.1,17.7s-86.1,4.8-86.1,17.7s43,6,43,18.8c0,0,0,84.4,0,84.4"/>
<g class="group-path" data-800="stroke-dashoffset:6000;" data-1000="stroke-dashoffset:0;">
<path class="st1" d="M166.3,454.3c10-4.5,16.6-13.9,17.7-24.8c-0.8,0.1-1.6,0.2-2.5,0.3c3.9,25.6,5.1,51.5,3.7,77.4
c0.8,0,1.7,0,2.5,0c-0.6-10.8-0.4-21.7,0.3-32.5c0.6-10,0.6-20.9,3.1-30.6c1.4-5.4,4.5-10.8,10.2-12.4c7.2-2,11.5,4.3,13.5,10.2
c2.7,8.3,1.6,17.5-1.6,25.5c-1.8,4.5-4.4,8.7-7.4,12.5c-1.3,1.6-2.6,3.1-4.1,4.5c-0.7,0.7-1.4,1.4-2.2,2c-0.7,0.5-1.4,1-2.1,1.6
c-2,1.7-3.7,1.3-5-1.3c-2.8-2.5-3.2-2.4-1-5.3c0.6-0.8,1.3-1.6,2.2-2.1c1.8-1.2,3.9-1.9,6-2.1c4.1-0.4,8.5,0.7,11.9,3
c4.5,2.9,8,8.1,7,13.7c-1.2,6.3-6.9,10.3-12.6,12.2c-2.2,0.7-4.6,1.2-6.9,1.6c-2.9,0.5-5.6,1.9-7.1-0.9c-1.2-2.2-0.8-1.8,0.9-3.3
c1-0.9,2.1-1.7,3.1-2.5c2.2-1.7,4.5-3.2,6.8-4.7c14.5-9.3,32.8-19.1,34-38.4c-0.4,0.4-0.8,0.8-1.3,1.3c2.4,0.3,4.8,0.6,7.2,1
c-0.4-0.4-0.8-0.8-1.3-1.3c0.2,8.2,0.3,16.4,0.5,24.6c0.1,4.2,0.2,10,5.7,10.5c5.1,0.4,7.8-4.6,9.5-8.5c3.1-6.9,5.2-14,6.7-21.4
c-0.8-0.1-1.6-0.2-2.5-0.3c-0.3,5.4-0.9,10.8-0.8,16.2c0,2.1,0.2,4.5,2.5,5.4c5.9,2.3,12.3-7.9,14.6-11.9
c10.5-17.7,8.3-39,9.3-58.7c0.1-1.6-2.4-1.6-2.5,0c-1,11.2-1.4,22.4-1.3,33.7c0.1,8.8,0.4,17.6,4.2,25.6c0.4,0.9,1.7,0.7,2.2,0
c15.4-23.1,25-49.3,28.4-76.9c0.2-1.5-2-1.5-2.5-0.3c-8.3,21.1-11.5,43.6-9.3,66.2c0.1,1,1.3,1.7,2.1,0.9
c8.7-8.9,17.4-17.8,26.1-26.7c-0.7-0.4-1.4-0.8-2.1-1.2c-1.4,5.3-2.3,10.7-2.6,16.2c-0.1,1.1,1.4,1.6,2.1,0.9
c7.6-7.4,15.2-14.7,22.8-22.1c-0.7-0.5-1.3-1-2-1.5c-5.2,7.1-6.9,15.5-5,24c0.2,1.1,2.2,1.2,2.4,0c1.1-7.8,3.2-15.4,6.1-22.8
c-0.8,0.1-1.5,0.2-2.3,0.3c3.6,5.7,7.2,11.4,10.8,17c0.6,1,1.9,0.7,2.3-0.3c1.9-5.2,3.8-10.5,5.7-15.7c-0.8,0.1-1.5,0.2-2.3,0.3
c2,3.9,4.1,7.9,6.1,11.8c0.5,1.1,1.9,0.6,2.3-0.3c2.3-5.6,4.6-11.3,6.9-16.9c-0.8,0-1.6,0-2.4,0c2.4,6,5.4,11.6,9,17
c0.5,0.7,1.7,0.9,2.2,0c8-15.6,11.7-32.8,10.7-50.3c-0.1-1.4-2.1-1.7-2.5-0.3c-2.7,10.1-11.9,39.6,5.6,42.4
c5.6,0.9,9.9-3.6,10.8-8.8c1.2-6.9-4-12.5-9.7-15.4c-8.5-4.3-18.8-4.3-27.8-7.2c-10.1-3.3-20.1-6.9-30.4-9.6
c-20.2-5.2-41-8.2-61.8-8.7c-10.1-0.3-20.3,0.2-30.1,2.7c-9.4,2.4-18.5,6.2-27.4,10c-16.5,7.1-33.3,15.5-45.2,29.4
c-22.1,25.8-22.2,64.4-2.7,91.6c5.1,7.1,11.3,13.4,18.4,18.6c7.2,5.3,16.6,11.4,26,10.6c18-1.6,31.4-20.8,35-37
c0.4-1.6-1.9-2.2-2.4-0.7c-1.9,5-3.2,10.1-3.9,15.4c-0.4,3.3-1.4,7.7-0.1,10.8c2.5,6.3,13.2,2.4,17.6,0.8
c14.4-5.3,25.5-17.6,29.3-32.4c0.2-0.9-0.6-1.8-1.5-1.5c-9,2.6-16.4,9.3-19.6,18.1c-1,2.6-3,8.1-0.4,10.4c2.6,2.4,6-0.8,7.8-2.6
c16.7-17,24.8-40.8,30.9-63.3c-0.8-0.2-1.6-0.4-2.4-0.7c-1.8,13.1-3.8,26.2-5.5,39.4c-0.9,6.5-1.1,15.4,6.2,18.3
c7.6,3.1,18.2-1.6,24.4-5.9c7.4-5.1,12.9-12.5,15.7-21.1c0.3-0.9-0.7-1.8-1.5-1.5c-6.9,2.3-14.3,7.4-16.8,14.5
c-2.7,7.5,2.5,11.3,9.6,10.1c16.9-2.9,31-16,36.3-32.2c0.4-1.4-1.6-2.2-2.3-1c-4.3,7.4-6.4,15.5-6.3,24c0,1.3,1.7,1.7,2.3,0.6
c5.4-8.4,10.7-16.7,16.1-25.1c-0.8-0.1-1.5-0.2-2.3-0.3c2.4,7,5.9,13.3,10.7,18.9c0.4,0.5,1.3,0.5,1.8,0
c5.1-5.6,9.3-11.7,12.9-18.4c0.7-1.4-1.4-2.7-2.2-1.3c-3.4,6.5-7.6,12.5-12.5,17.9c0.6,0,1.2,0,1.8,0c-4.5-5.3-7.8-11.2-10-17.8
c-0.3-1-1.7-1.2-2.3-0.3c-5.4,8.4-10.7,16.7-16.1,25.1c0.8,0.2,1.6,0.4,2.3,0.6c-0.1-8.2,1.8-15.7,5.9-22.8
c-0.8-0.3-1.5-0.6-2.3-1c-3.7,11.4-11.9,20.9-22.6,26.4c-2.7,1.4-5.5,2.4-8.4,3.2c-1.5,0.4-4.1,1.3-5.5,1.1
c-1.7-1.3-3.5-2.6-5.2-3.9c0-1.1,0.2-2.2,0.7-3.3c2.3-6.4,8.9-10.9,15.1-13c-0.5-0.5-1-1-1.5-1.5c-2.6,7.9-7.6,14.8-14.5,19.6
c-5.5,3.8-17,9.4-23.6,5.1c-7.1-4.6-2.9-18.1-2-24.7c1.4-9.8,2.7-19.6,4.1-29.4c0.2-1.5-2-2.3-2.4-0.7c-4.5,16.5-9.9,33-19,47.6
c-2.4,3.8-5,7.5-7.9,10.9c-0.8,1-3.2,4.5-4.4,4.8c-4.9,1.1-3.1-3.4-2.5-5.2c2.7-8.6,9.7-15.2,18.3-17.7c-0.5-0.5-1-1-1.5-1.5
c-3.1,12.1-11.2,22.3-22.1,28.2c-4.6,2.5-18.2,9-20.3,0.6c-0.8-3.1,0.6-8,1.2-11.1c0.7-3.8,1.8-7.4,3.2-11
c-0.8-0.2-1.6-0.4-2.4-0.7c-3.2,14.5-13.8,30.2-28.8,34.5c-14.8,4.2-32-10.7-41.1-21c-20-22.6-25.1-55.7-10.8-82.7
c7.3-13.8,19.3-23.9,32.8-31.4c13.8-7.7,29-14.4,44.2-18.7c16.8-4.8,34.7-3.8,51.9-2.1c17.1,1.7,34,5,50.5,9.9
c9.2,2.7,18.2,6.5,27.5,8.9c8.7,2.3,19.5,1.9,26.2,8.8c3.7,3.8,5,10.1,0.9,14.2c-5.3,5.2-11.9-1.2-13.2-6.5
c-1.2-5.1-0.1-10.8,0.7-15.9c0.8-5.1,2-10.1,3.3-15.1c-0.8-0.1-1.6-0.2-2.5-0.3c1,17.1-2.5,33.8-10.3,49c0.7,0,1.4,0,2.2,0
c-3.5-5.2-6.4-10.6-8.7-16.4c-0.5-1.2-1.9-1.2-2.4,0c-2.3,5.6-4.6,11.3-6.9,16.9c0.8-0.1,1.5-0.2,2.3-0.3
c-2-3.9-4.1-7.9-6.1-11.8c-0.5-1-1.9-0.6-2.3,0.3c-1.9,5.2-3.8,10.5-5.7,15.7c0.8-0.1,1.5-0.2,2.3-0.3c-3.6-5.7-7.2-11.4-10.8-17
c-0.6-1-1.9-0.7-2.3,0.3c-2.9,7.4-5,14.9-6.1,22.8c0.8,0,1.6,0,2.4,0c-1.7-7.9,0-15.6,4.8-22.1c0.9-1.2-1-2.5-2-1.5
c-7.6,7.4-15.2,14.7-22.8,22.1c0.7,0.3,1.4,0.6,2.1,0.9c0.3-5.3,1.1-10.4,2.5-15.5c0.3-1.2-1.2-2.1-2.1-1.2
c-8.7,8.9-17.4,17.8-26.1,26.7c0.7,0.3,1.4,0.6,2.1,0.9c-2.1-22.3,1-44.6,9.2-65.5c-0.8-0.1-1.6-0.2-2.5-0.3
c-3.4,27.1-13,52.9-28.1,75.6c0.7,0,1.4,0,2.2,0c-4.2-8.7-3.9-18.8-3.9-28.3c0-9.9,0.4-19.8,1.3-29.7c-0.8,0-1.7,0-2.5,0
c-0.7,15.2,0.5,30.8-3.8,45.5c-2,6.8-5.1,13.3-9.9,18.5c-2,2.2-2.6,3.7-5.6,2.2c-2.9-1.5-2-2.6-1.9-5.5c0.2-3.9,0.4-7.8,0.6-11.7
c0.1-1.4-2.2-1.7-2.5-0.3c-0.9,4.6-2.1,9.2-3.7,13.7c-0.9,2.7-2,5.4-3.2,7.9c-0.4,0.9-0.8,1.7-1.3,2.5c-1,2.7-2.7,2.9-5.2,0.6
c-2.9,0.2-4.1-0.7-3.8-2.8c0-1.3-0.1-2.5-0.1-3.8c-0.1-2.5-0.1-5-0.2-7.6c-0.1-5-0.2-10.1-0.3-15.1c0-0.7-0.6-1.2-1.3-1.3
c-2.4-0.3-4.8-0.6-7.2-1c-0.7-0.1-1.2,0.6-1.3,1.3c-1,16-15.4,25.5-27.7,33.1c-3.2,2-25,13.7-17.6,19.1
c3.6,2.6,11.4,0.2,15.1-0.7c5.5-1.4,10.8-3.9,14.2-8.6c6.5-8.9,1.1-19.9-8.2-24c-7.3-3.2-18.4-2.7-22.1,5.6c-1.5,3.5-0.7,7.5,3,9
c4,1.6,7.9-0.8,10.8-3.4c8.6-7.7,14.9-18.7,16.5-30.1c1.3-9.2-0.3-24.5-10.6-28.2c-13.2-4.7-19.3,11.7-20.3,21.4
c-2,18.6-3.4,37.6-2.3,56.3c0.1,1.6,2.4,1.6,2.5,0c1.5-26.1,0.2-52.2-3.8-78c-0.2-1.5-2.3-1-2.5,0.3c-1,10.1-7.2,18.5-16.4,22.6
C163.6,452.8,164.9,454.9,166.3,454.3L166.3,454.3z"/>
<path class="st1" d="M264.2,448.8c1.6,0,1.6-2.5,0-2.5C262.6,446.3,262.6,448.8,264.2,448.8L264.2,448.8z"/>
<path class="st1" d="M264.2,499.7c1.6,0,1.6-2.5,0-2.5C262.6,497.2,262.6,499.7,264.2,499.7L264.2,499.7z"/>
<path class="st1" d="M335.1,424.3c1.6,0,1.6-2.5,0-2.5C333.5,421.8,333.5,424.3,335.1,424.3L335.1,424.3z"/>
</g>
</svg>
</article>