css实现图片序列实现播放暂停倒放等类似视频操作效果代码
代码语言：html
所属分类：其他
代码描述：css实现图片序列实现播放暂停倒放等类似视频操作效果代码，无js代码，仅仅通过css的background引入很多图片序列帧，形成类似视频播放的效果。
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css'>
<link rel='stylesheet' href='https://olivier3lanc.github.io/folio-dark/css/cinematics.css'>
<style>
body {
background-color: black;
}
.scene {
position: fixed;
display: flex;
min-height: 100%;
min-width: 100%;
overflow: hidden;
top: 50%;
left: 50%;
background-color: black;
transform: translateX(-50%) translateY(-50%);
}
.scene::after {
content: "";
position: fixed;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 111.5%;
height: 111.5%;
transition: none;
animation-timing-function: step-start;
animation-iteration-count: infinite;
background-size: 90%;
background-repeat: no-repeat;
}
@keyframes specialLetter {
100% {
transform: rotateY(180deg);
}
}
#special-letter {
perspective: 1em;
}
#special-letter > span {
animation: specialLetter 3s 3s infinite alternate;
}
#cmd-play:checked ~ figure::after {
animation-play-state: running;
}
#cmd-play:checked ~ nav [for=cmd-play] {
color: var(--cin-color-primary);
}
#cmd-pause:checked ~ figure::after {
animation-play-state: paused;
}
#cmd-pause:checked ~ nav [for=cmd-pause] {
color: var(--cin-color-primary);
}
#cmd-normal:checked ~ figure::after {
animation-direction: normal;
}
#cmd-normal:checked ~ nav [for=cmd-normal] {
color: var(--cin-color-primary);
}
#cmd-reverse:checked ~ figure::after {
animation-direction: reverse;
}
#cmd-reverse:checked ~ nav [for=cmd-reverse] {
color: var(--cin-color-primary);
}
#cmd-alternate:checked ~ figure::after {
animation-direction: alternate;
}
#cmd-alternate:checked ~ nav [for=cmd-alternate] {
color: var(--cin-color-primary);
}
#cmd-alternate-reverse:checked ~ figure::after {
animation-direction: alternate-reverse;
}
#cmd-alternate-reverse:checked ~ nav [for=cmd-alternate-reverse] {
color: var(--cin-color-primary);
}
@keyframes the_scene {
1.1363636364% {
background-position: 50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
2.2727272727% {
background-position: -1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
3.4090909091% {
background-position: -1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
4.5454545455% {
background-position: -1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
5.6818181818% {
background-position: -1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
6.8181818182% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
7.9545454545% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
9.0909090909% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
10.2272727273% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
11.3636363636% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
12.5% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
13.6363636364% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
14.7727272727% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
15.9090909091% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
17.0454545455% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
18.1818181818% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
19.3181818182% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
20.4545454545% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
21.5909090909% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
22.7272727273% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
23.8636363636% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
25% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
26.1363636364% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
27.2727272727% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
28.4090909091% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
29.5454545455% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
30.6818181818% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
31.8181818182% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
32.9545454545% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
34.0909090909% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
35.2272727273% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
36.3636363636% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
37.5% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
38.6363636364% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
39.7727272727% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
40.9090909091% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
42.0454545455% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
43.1818181818% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
44.3181818182% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
45.4545454545% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
46.5909090909% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
47.7272727273% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
48.8636363636% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
50% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
51.1363636364% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
52.2727272727% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
53.4090909091% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
54.5454545455% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
55.6818181818% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
56.8181818182% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
57.9545454545% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%;
}
59.0909090909% {
background-position: -1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,-1000%,50%,-10.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0