-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
26 lines (20 loc) · 2.48 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Svg animation</title>
<link href="/style.css" rel="stylesheet" />
<script src="/app.js"></script>
</head>
<body>
<h1>Svg animation</h1>
<div>
<svg fill="#EE3E55" stroke="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="250px" height="250px">
<path d="M 27.001953 4.7832031 C 21.502168 4.7913231 16.084635 7.0942615 11.775391 11.712891 C 8.9776265 14.711466 7.3813325 18.362441 6.9257812 22.123047 L 6.8945312 22.111328 L 0.60546875 39.65625 A 2.50025 2.50025 0 0 0 2.9570312 43 L 24.5 43 L 24.5 42.988281 C 29.014184 43.021879 33.503253 41.295882 36.75 37.816406 C 41.787713 32.417359 41.661726 23.713513 36.474609 18.341797 C 34.205785 15.991774 31.257883 14.347174 28.025391 14.019531 C 24.792898 13.691889 21.300039 14.850176 18.636719 17.679688 C 14.965423 21.580089 15.030888 27.929371 18.804688 31.802734 C 20.110475 33.143171 21.837673 34.081121 23.804688 34.400391 C 25.771701 34.71966 28.124829 34.278332 29.849609 32.615234 C 31.25841 31.256679 31.700263 29.427641 31.544922 27.736328 C 31.389581 26.045015 30.586537 24.270043 28.878906 23.21875 A 2.50025 2.50025 0 1 0 26.257812 27.476562 C 26.327182 27.519272 26.526044 27.775172 26.564453 28.193359 C 26.602863 28.611547 26.428106 28.96818 26.378906 29.015625 C 25.894687 29.482527 25.393955 29.592824 24.605469 29.464844 C 23.816982 29.336863 22.88993 28.831017 22.386719 28.314453 A 2.50025 2.50025 0 0 0 22.384766 28.3125 C 20.700564 26.583864 20.694592 22.79102 22.279297 21.107422 C 23.990977 19.288933 25.695227 18.809033 27.521484 18.994141 C 29.347742 19.179248 31.31973 20.199476 32.878906 21.814453 C 36.177789 25.230737 36.226037 31.049298 33.09375 34.40625 C 28.927093 38.871575 21.59531 39.235442 16.800781 35.132812 C 10.557183 29.79014 9.9899143 20.955356 15.431641 15.123047 C 18.908396 11.396676 22.853849 9.7893348 27.007812 9.7832031 C 31.161777 9.7770731 35.595243 11.454532 39.703125 14.78125 A 2.50025 2.50025 0 0 0 42.771484 14.84375 L 48.537109 10.541016 A 2.50025 2.50025 0 1 0 45.546875 6.5332031 L 41.220703 9.7617188 C 36.786163 6.6077415 31.90364 4.7759677 27.001953 4.7832031 z M 8.546875 32.314453 C 9.4995553 34.379835 10.825268 36.313663 12.541016 38 L 6.5097656 38 L 8.546875 32.314453 z"/>
</svg>
</div>
<button>Animation</button>
</body>
</html>