37 lines
1.2 KiB
CSS
37 lines
1.2 KiB
CSS
@keyframes blink {
|
|
0% { color: var(--main-color);}
|
|
15% { color: var(--back-color);}
|
|
35% { color: var(--back-color);}
|
|
50% { color: var(--main-color);}
|
|
65% { color: var(--back-color);}
|
|
85% { color: var(--back-color);}
|
|
100% { color: var(--main-color);}
|
|
}
|
|
|
|
@keyframes blinkBack {
|
|
0% { background-color: var(--back-color);}
|
|
15% { background-color: var(--main-color);}
|
|
35% { background-color: var(--main-color);}
|
|
50% { background-color: var(--back-color);}
|
|
65% { background-color: var(--main-color);}
|
|
85% { background-color: var(--main-color);}
|
|
100% { background-color: var(--back-color);}
|
|
}
|
|
|
|
@keyframes blinkBorder {
|
|
0% { border-color: var(--main-color);}
|
|
15% { border-color: var(--accent-color);}
|
|
35% { border-color: var(--accent-color);}
|
|
50% { border-color: var(--main-color);}
|
|
65% { border-color: var(--accent-color);}
|
|
85% { border-color: var(--accent-color);}
|
|
100% { border-color: var(--main-color);}
|
|
}
|
|
|
|
@keyframes float {
|
|
0% { transform: translateY(0px); }
|
|
35% { transform: translateY(1px); }
|
|
50% { transform: translateY(-10px); }
|
|
65% { transform: translateY(1px); }
|
|
100% { transform: translateY(0px); }
|
|
} |