Skip to content

Commit cefe3b3

Browse files
committed
The Restless Message & Trailing cursor
Modified the styles.css
1 parent b680f8b commit cefe3b3

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;
@@ -1618,14 +1598,6 @@ body {
16181598
animation: jump 0.5s infinite alternate;
16191599
}
16201600

1621-
@keyframes jump {
1622-
0% { transform: translateY(0); }
1623-
50% { transform: translateY(-20px); } /* Adjust height as needed */
1624-
100% { transform: translateY(0); }
1625-
}
1626-
.card{
1627-
animation: jump 0.5s infinite alternate;
1628-
}
16291601
@keyframes spin {
16301602
0% { transform: rotate(0deg); }
16311603
100% { transform: rotate(360deg); }
@@ -3484,26 +3456,3 @@ body {
34843456
opacity: 0.8;
34853457
}
34863458
}
3487-
3488-
@keyframes squeezeStretch {
3489-
0% {
3490-
transform: scale(1); /* Normal size */
3491-
}
3492-
25% {
3493-
transform: scale(1.2, 0.8); /* Stretch horizontally, squeeze vertically */
3494-
}
3495-
50% {
3496-
transform: scale(1); /* Back to normal size */
3497-
}
3498-
75% {
3499-
transform: scale(0.8, 1.2); /* Squeeze horizontally, stretch vertically */
3500-
}
3501-
100% {
3502-
transform: scale(1); /* Back to normal size */
3503-
}
3504-
}
3505-
3506-
#POTION {
3507-
animation: squeezeStretch 0.5s infinite; /* Apply the squeeze/stretch animation */
3508-
animation-timing-function: ease-in-out; /* Smooth transition */
3509-
}

0 commit comments

Comments
 (0)