mirror of
https://github.com/DerTyp7/obs-twitch-camera-frame.git
synced 2025-10-30 21:27:13 +01:00
first commit
This commit is contained in:
99
css/animations.css
Normal file
99
css/animations.css
Normal 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);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user