first commit

This commit is contained in:
Janis
2022-10-29 15:36:09 +02:00
commit 3e4b2af015
11 changed files with 313 additions and 0 deletions

99
css/animations.css Normal file
View File

@@ -0,0 +1,99 @@
@keyframes subAnimation {
0% {
border-image: linear-gradient(
to top,
var(--border-color-1),
var(--border-color-2)
)
1;
}
10% {
border-image: linear-gradient(
to top,
var(--border-color-flash-1),
var(--border-color-flash-2)
)
1;
}
50% {
border-image: linear-gradient(
to top,
var(--border-color-flash-2),
var(--border-color-flash-1)
)
1;
}
80% {
border-image: linear-gradient(
to top,
var(--border-color-flash-1),
var(--border-color-flash-2)
)
1;
}
100% {
border-image: linear-gradient(
to top,
var(--border-color-2),
var(--border-color-1)
)
1;
}
}
@keyframes borderAnimation {
0% {
border-image: linear-gradient(
to top,
var(--border-color-2),
var(--border-color-1)
)
1;
}
50% {
border-image: linear-gradient(
to top,
var(--border-color-1),
var(--border-color-2)
)
1;
}
100% {
border-image: linear-gradient(
to top,
var(--border-color-2),
var(--border-color-1)
)
1;
}
}
@keyframes backgroundAnimation {
0% {
background: var(--border-color-2);
}
50% {
background: var(--border-color-1);
}
100% {
background: var(--border-color-2);
}
}
@keyframes backgroundSubAnimation {
0% {
background: var(--border-color-1);
}
10% {
background: var(--border-color-flash-1);
}
50% {
background: var(--border-color-flash-2);
}
80% {
background: var(--border-color-flash-1);
}
100% {
background: var(--border-color-2);
}
}