sigma animation
This commit is contained in:
@@ -31,15 +31,28 @@
|
|||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
||||||
|
|
||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
transition: color 1s ease-in-out;
|
transform-origin: center;
|
||||||
|
animation: pulse 4s infinite alternate ease-in-out; /* slower & smooth */
|
||||||
}
|
}
|
||||||
|
|
||||||
.ascii-art:hover {
|
@keyframes pulse {
|
||||||
animation: pulseWhite 1.5s infinite alternate;
|
0% {
|
||||||
|
color: var(--text-color);
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
color: var(--bg-color);
|
||||||
|
transform: scale(1.25); /* peak scale and color */
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
color: var(--text-color);
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@keyframes pulseWhite {
|
@keyframes pulseWhite {
|
||||||
0% {
|
0% {
|
||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
|
|||||||
Reference in New Issue
Block a user