├── script.js
├── style.css
├── index.html
├── 5.html
├── 2.html
├── 3.html
└── 4.html
/script.js:
--------------------------------------------------------------------------------
1 | function moveRandomEl(elm) {
2 | elm.style.position = "absolute";
3 | elm.style.top = Math.floor(Math.random() * 90 + 5) + "%";
4 | elm.style.left = Math.floor(Math.random() * 90 + 5) + "%";
5 | }
6 |
7 | const moveRandom = document.querySelector("#move-random");
8 |
9 | moveRandom.addEventListener("mouseenter", function (e) {
10 | moveRandomEl(e.target);
11 | });
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | * {
2 | margin: 0;
3 | padding: 0;
4 | box-sizing: border-box;
5 | font-family: sans-serif;
6 | }
7 |
8 | body {
9 | width: 100%;
10 | min-height: 100vh;
11 | display: flex;
12 | justify-content: center;
13 | align-items: center;
14 | background-color: #ffe5e5;
15 | }
16 |
17 | .container {
18 | display: flex;
19 | flex-direction: column;
20 | text-align: center;
21 | align-items: center;
22 | gap: 20px;
23 | max-width: 500px;
24 | margin: 20px;
25 | }
26 |
27 | .container .tenor-gif-embed {
28 | max-width: 200px;
29 | }
30 |
31 | .container .btn {
32 | display: flex;
33 | gap: 25px;
34 | }
35 |
36 | .btn a {
37 | text-decoration: none;
38 | color: #111;
39 | background: #fff;
40 | padding: 10px 25px;
41 | border-radius: 8px;
42 | box-shadow: 0.5rem 1rem 3rem hsl(0, 0%, 0%, 0.3);
43 | }
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Ask Her Out
7 |
8 |
9 |
10 |
11 |
12 |
19 |
20 |
25 |
DO you love me? 🤗
26 |
~mai tera hi hoo
27 |
31 |
12 |
24 |
29 |
Hehehehe, I knew it! 😘
30 |
12 |
23 |
28 |
Soch le ache se! 🙄
29 |
itte jldi nhi mtt bol🙄
30 |
31 |
35 |
12 |
25 |
30 |
31 |
Ek aur baar Soch le! 😣
32 |
kyu aisa kr rahi hai 😣
33 |
34 |
38 |
12 |
27 |
32 |
33 |
Manja na! Kitna bhav khaegi 😭
34 |
bht glt baat hai 😭
35 |
36 |
40 |