body {
animation-name: anbg;
animation-duration: 30s;
animation-timing-function: ease;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes anbg {
0% {
}
}
#lcaption {
animation-name: anlcaption;
animation-duration: 30s;
animation-timing-function: ease;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes anlcaption {
from {
}
to {
}
}
#limage {
animation-name: anlimage;
animation-duration: 30s;
animation-timing-function: ease;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes anlimage {
from {
mix-blend-mode: multiply;
filter: blur(20px);
}
10% {
mix-blend-mode: hue;
filter: blur(0px);
}
13% {
mix-blend-mode: overlay;
}
to {
mix-blend-mode: normal;
filter: blur(0px);
}
}
#rcaption {
animation-name: anrcaption;
animation-duration: 30s;
animation-timing-function: ease;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes anrcaption {
from {
}
to {
}
}
#rimage {
animation-name: anrimage;
animation-duration: 30s;
animation-timing-function: ease;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes anrimage {
from {
mix-blend-mode: normal;
}
10% {
mix-blend-mode: multiply;
}
20% {
mix-blend-mode: screen;
}
30% {
mix-blend-mode: overlay;
}
40% {
mix-blend-mode: darken;
}
50% {
mix-blend-mode: lighten;
}
60% {
mix-blend-mode: lighten;
}
70% {
mix-blend-mode: color-dodge;
}
80% {
mix-blend-mode: color-burn;
}
90% {
}
to {
mix-blend-mode: exclusion;
}
}