body {
animation-name: anbg;
animation-duration: 30s;
animation-timing-function: ease;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes anbg {
7% {
  background-image: url("https://localhost/wwwbin/u/0/1187/img/balloonrainbow.webp");
  background-color: white;
  background-blend-mode: normal;
}
13% {
  background-image: url("https://localhost/wwwbin/u/0/1187/img/balloonrainbow.webp");
  background-color: yellow;
  background-blend-mode: lighten;
}
20% {
  background-color: yellow;
  background-blend-mode: luminosity;
}
23% {
  background-color: red;
  background-blend-mode: saturation;
}
100% {
  background-image: url("https://localhost/wwwbin/u/0/1187/img/balloonrainbow.webp");
  background-color: red;
  background-blend-mode: difference;
}
}
#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: 5s;
animation-timing-function: ease;
animation-iteration-count: infinite;
animation-fill-mode: forwards;
}
@keyframes anlimage {
from {
transform: translate(10vw,10vh) scale(1,1) skew(20deg,30deg) rotate(90deg) rotateX(0deg);
background-image: url("https://localhost/wwwbin/u/0/1185/img/fastforward.gif");
}
20% {
transform: translate(10vw,10vh) scale(1,1) skew(30deg,20deg) rotate(90deg) rotateX(90deg);
}
40% {
transform: translate(10vw,10vh) scale(1,1) skew(20deg,30deg) rotate(90deg) rotateX(180deg);
}
60% {
transform: translate(10vw,10vh) scale(1,1) skew(30deg,20deg) rotate(90deg) rotateX(360deg);
}
to {
transform: translate(10vw,10vh) scale(1,1) skew(20deg,30deg) rotate(90deg);
background-image: url("https://localhost/wwwbin/u/0/1185/img/fastforward.gif");
}
}
#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 {
}
10% {
filter: hue-rotate(360deg);
}
to {
}
}