├── README.md
├── style.css
├── script.js
└── index.html
/README.md:
--------------------------------------------------------------------------------
1 | # rose
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | div{
2 | margin: 0 auto;
3 | }
4 |
5 | body {
6 | background-color: black;
7 | }
8 |
9 | body > * {
10 | width: 500px;
11 | }
12 |
13 | #svg{
14 | background-color: darkseagreen;
15 | background: radial-gradient(darkseagreen 0%, black 70%);
16 | }
--------------------------------------------------------------------------------
/script.js:
--------------------------------------------------------------------------------
1 | var svg = document.getElementById('svg');
2 |
3 | var animation0 = document.getElementById('animate0');
4 | svg.addEventListener('mouseenter', function(){ animation0.beginElement(); });
5 | var animation1 = document.getElementById('animate1');
6 | svg.addEventListener('mouseenter', function(){ animation1.beginElement(); });
7 | var animation2 = document.getElementById('animate2');
8 | svg.addEventListener('mouseenter', function(){ animation2.beginElement(); });
9 | var animation3 = document.getElementById('animate3');
10 | svg.addEventListener('mouseenter', function(){ animation3.beginElement(); });
11 | var animation4 = document.getElementById('animate4');
12 | svg.addEventListener('mouseenter', function(){ animation4.beginElement(); });
13 | var animation5 = document.getElementById('animate5');
14 | svg.addEventListener('mouseenter', function(){ animation5.beginElement(); });
15 | var animation6 = document.getElementById('animate6');
16 | svg.addEventListener('mouseenter', function(){ animation6.beginElement(); });
17 | var animation7 = document.getElementById('animate7');
18 | svg.addEventListener('mouseenter', function(){ animation7.beginElement(); });
19 | var animation8 = document.getElementById('animate8');
20 | svg.addEventListener('mouseenter', function(){ animation8.beginElement(); });
21 | var animation9 = document.getElementById('animate9');
22 | svg.addEventListener('mouseenter', function(){ animation9.beginElement(); });
23 | var animation10 = document.getElementById('animate10');
24 | svg.addEventListener('mouseenter', function(){ animation10.beginElement(); });
25 | var animation11 = document.getElementById('animate11');
26 | svg.addEventListener('mouseenter', function(){ animation11.beginElement(); });
27 | var animation12 = document.getElementById('animate12');
28 | svg.addEventListener('mouseenter', function(){ animation12.beginElement(); });
29 | var animation13 = document.getElementById('animate13');
30 | svg.addEventListener('mouseenter', function(){ animation13.beginElement(); });
31 | var animation14 = document.getElementById('animate14');
32 | svg.addEventListener('mouseenter', function(){ animation14.beginElement(); });
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | True Love ♥ to Wendy (^_-)
6 |
7 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
97 |
108 |
109 | Chris.Y @2023.七.七 ❤
110 |
111 |
112 |
--------------------------------------------------------------------------------