forked from mhacks/mhacksF2014
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpath.html
29 lines (24 loc) · 1.17 KB
/
path.html
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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Drawing a path</title>
</head>
<body style="text-align:center;">
<div id="skrollr-body">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="900px" height="1200px">
<path
style="fill:none;stroke:#000000;stroke-width:15;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:10;stroke-opacity:1;stroke-dasharray:6000;stroke-dashoffset:0"
data-0="stroke-dashoffset:6000;" data-end="stroke-dashoffset:0;"
d="M377.206,110.58c-23.801,40.272-47.359,78.114-71.243,115.471c-23.879-37.357-47.744-75.199-71.545-115.471C179.678,105.373,125.5,94.176,72.5,76.993c0,155.082,0,310.153,0,465.234c53-17.186,106-28.38,160-33.587c0-45.299,0-90.597,0-135.896c28,25.883,48.621,51.223,72.5,77.378c23.879-26.155,45.5-51.495,72.5-77.378c0,45.299,0,90.597,0,135.896c54,5.207,108,16.401,161,33.587c0-155.081,0-310.152,0-465.234C485.5,94.176,431.945,105.373,377.206,110.58z"
/>
</svg>
</div>
<script type="text/javascript" src="js/vendor/skrollr.min.js"></script>
<script type="text/javascript">
skrollr.init({
forceHeight: false
});
</script>
</body>
</html>