body {
animation-name: anbg;
animation-duration: 30s;
animation-timing-function: ease;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes anbg {
20% {
  background-image: url("https://localhost/wwwbin/u/0/1236/img/fakechannel2.jpg");
}
23% {
  background-image: url("https://localhost/wwwbin/u/0/1236/img/twice.jpg");
}
30% {
  background-image: url("https://localhost/wwwbin/u/0/1236/img/twice.jpg");
}
33% {
  background-image: url("https://localhost/wwwbin/u/0/1236/img/thework2.jpg");
}
38% {
  background-image: url("https://localhost/wwwbin/u/0/1236/img/thework2.jpg");
}
42% {
  background-image: url("https://localhost/wwwbin/u/0/1236/img/themoney.jpg");
}
45% {
  background-image: url("https://localhost/wwwbin/u/0/1236/img/themoney.jpg");
}
52% {
  background-image: url("https://localhost/wwwbin/u/0/1236/img/hahaha.jpg");
}
55% {
  background-image: url("https://localhost/wwwbin/u/0/1236/img/hahaha.jpg");
}
58% {
  background-image: url("https://localhost/wwwbin/u/0/1236/img/pleasedont.jpg");
}
65% {
  background-image: url("https://localhost/wwwbin/u/0/1236/img/pleasedont.jpg");
}
68% {
  background-image: url("https://localhost/wwwbin/u/0/1236/img/aboutnetzan.jpg");
}
100% {
  background-image: url("https://localhost/wwwbin/u/0/1236/img/aboutnetzan.jpg");
}
}
#lcaption {
animation-name: anlcaption;
animation-duration: 30s;
animation-timing-function: ease;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes anlcaption {
from {
transform: translate(2vw,4vh);
opacity:0;
}
3% {
transform: translate(2vw,4vh);
opacity:0;
}
7% {
transform: translate(2vw,4vh);
opacity:1;
}
to {
transform: translate(2vw,4vh);
opacity:1;
}
}
#limage {
animation-name: anlimage;
animation-duration: 30s;
animation-timing-function: ease;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes anlimage {
from {
transform: translate(0vw,2vh);
}
to {
transform: translate(0vw,2vh);
}
}
#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 {
}
to {
}
}