mirror of
https://github.com/DerTyp7/obs-twitch-camera-frame.git
synced 2025-10-29 12:52:14 +01:00
87 lines
1.3 KiB
CSS
87 lines
1.3 KiB
CSS
@keyframes subAnimation {
|
|
0% {
|
|
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;
|
|
}
|
|
100% {
|
|
border-image: linear-gradient(
|
|
to top,
|
|
var(--border-color-flash-1),
|
|
var(--border-color-flash-2)
|
|
)
|
|
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-flash-1);
|
|
}
|
|
50% {
|
|
background: var(--border-color-flash-2);
|
|
}
|
|
100% {
|
|
background: var(--border-color-flash-1);
|
|
}
|
|
}
|
|
|
|
@keyframes tfBannerAnimation {
|
|
from {
|
|
margin-top: -200px;
|
|
}
|
|
to {
|
|
margin-top: 0px;
|
|
}
|
|
}
|