Skip to content

Commit 94617ad

Browse files
authored
Merge pull request #63 from 0M4NU4L/main
The Restless Message & Trailing cursor
2 parents d82c620 + cefe3b3 commit 94617ad

File tree

1 file changed

+0
-51
lines changed

1 file changed

+0
-51
lines changed

styles.css

Lines changed: 0 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -92,16 +92,6 @@ h1.logo {
9292
z-index: 1000;
9393
}
9494

95-
/* Trailing Cursor Effect */
96-
.trailing-cursor {
97-
width: 20px;
98-
height: 200px;
99-
background-color: #da0000;
100-
border-radius: 50%;
101-
position: absolute;
102-
pointer-events: none;
103-
}
104-
10595
/* Flickering Effect */
10696
@keyframes flicker {
10797
0% { opacity: 1; }
@@ -207,16 +197,6 @@ h1.logo {
207197
}
208198
}
209199

210-
.trailing-cursor {
211-
position: absolute;
212-
background-color: red;
213-
border-radius: 50%;
214-
width: 10px;
215-
height: 10px;
216-
pointer-events: none;
217-
animation: fadeOut 1s forwards;
218-
}
219-
220200
@keyframes fadeOut {
221201
0% {
222202
opacity: 1;
@@ -1593,14 +1573,6 @@ body {
15931573
animation: jump 0.5s infinite alternate;
15941574
}
15951575

1596-
@keyframes jump {
1597-
0% { transform: translateY(0); }
1598-
50% { transform: translateY(-20px); } /* Adjust height as needed */
1599-
100% { transform: translateY(0); }
1600-
}
1601-
.card{
1602-
animation: jump 0.5s infinite alternate;
1603-
}
16041576
@keyframes spin {
16051577
0% { transform: rotate(0deg); }
16061578
100% { transform: rotate(360deg); }
@@ -3425,26 +3397,3 @@ body {
34253397
opacity: 0.8;
34263398
}
34273399
}
3428-
3429-
@keyframes squeezeStretch {
3430-
0% {
3431-
transform: scale(1); /* Normal size */
3432-
}
3433-
25% {
3434-
transform: scale(1.2, 0.8); /* Stretch horizontally, squeeze vertically */
3435-
}
3436-
50% {
3437-
transform: scale(1); /* Back to normal size */
3438-
}
3439-
75% {
3440-
transform: scale(0.8, 1.2); /* Squeeze horizontally, stretch vertically */
3441-
}
3442-
100% {
3443-
transform: scale(1); /* Back to normal size */
3444-
}
3445-
}
3446-
3447-
#POTION {
3448-
animation: squeezeStretch 0.5s infinite; /* Apply the squeeze/stretch animation */
3449-
animation-timing-function: ease-in-out; /* Smooth transition */
3450-
}

0 commit comments

Comments
 (0)