纯css实现摇奖抽号转盘效果代码-html代码-BFW代码库

代码语言：html
所属分类：大转盘
代码描述：纯css实现摇奖抽号转盘效果代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">

  
  
<style>
@charset "UTF-8";
body {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 100vh;
  width: 100vw;
  background: linear-gradient(to right, #fff, #fff) 50% 50%/400px 400px no-repeat, linear-gradient(to top, #2b2b2b 20px, rgba(255, 255, 255, 0.001) 20px) 50% calc(50% + 50px)/500px 400px no-repeat, linear-gradient(to top, #2b2b2b 20px, #515151 20px) 50% calc(50% + 60px)/450px 380px no-repeat, radial-gradient(circle at bottom right, #515151 25px, rgba(255, 255, 255, 0.001) 25px) calc(50% - 215px) calc(50% - 145px)/30px 30px no-repeat, radial-gradient(circle at bottom left, #515151 25px, rgba(255, 255, 255, 0.001) 25px) calc(50% + 215px) calc(50% - 145px)/30px 30px no-repeat, linear-gradient(to bottom, rgba(255, 255, 255, 0.001) 50%, #330000 50%, #cc0000), radial-gradient(circle at center, #37458f, #1b2145);
}
body:after {
  content: '';
  position: absolute;
  width: 100px;
  height: 300px;
  left: calc(50% + 220px);
  top: calc(50% - 200px);
  background: linear-gradient(to bottom, #515151, #6a6a6a, #515151) 0% 100%/30px 100px no-repeat, radial-gradient(circle at center, #222, #000 15px, #000 30px, rgba(255, 255, 255, 0.001) 30px) -7.5px -100px/100% 100% no-repeat, linear-gradient(to bottom, rgba(255, 255, 255, 0.001) 10px, #5e5e5e 10px, #5e5e5e) 35px 25px/15px 200px no-repeat, linear-gradient(to bottom, #444444, #5e5e5e, #444444) 30px calc(100% - 10px)/25px 80px no-repeat;
  -webkit-animation: pull 8s ease-in-out infinite;
          animation: pull 8s ease-in-out infinite;
}
@-webkit-keyframes pull {
  0% {
    background-size: 30px 100px, 100% 100%, 15px 200px, 25px 80px;
    background-position: 0% 100%, -7.5px -100px, 35px 25px, 30px calc(100% - 10px);
  }
  10% {
    background-size: 30px 100px, 100% 100%, 15px 100px, 25px 80px;
    background-position: 0% 100%, -7.5px -40px, 35px 125px, 30px calc(100% - 10px);
  }
  20% {
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    background-size: 30px 100px, 100% 100%, 15px 100px, 25px 80px;
    background-position: 0% 100%, -7.5px -40px, 35px 125px, 30px calc(100% - 10px);
  }
  25% {
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    background-size: 30px 100px, 100% 100%, 15px 200px, 25px 80px;
    background-position: 0% 100%, -7.5px -100px, 35px 25px, 30px calc(100% - 10px);
  }
}
@keyframes pull {
  0% {
    background-size: 30px 100px, 100% 100%, 15px 200px, 25px 80px;
    background-position: 0% 100%, -7.5px -100px, 35px 25px, 30px calc(100% - 10px);
  }
  10% {
    background-size: 30px 100px, 100% 100%, 15px 100px, 25px 80px;
    background-position: 0% 100%, -7.5px -40px, 35px 125px, 30px calc(100% - 10px);
  }
  20% {
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    background-size: 30px 100px, 100% 100%, 15px 100px, 25px 80px;
    background-position: 0% 100%, -7.5px -40px, 35px 125px, 30px calc(100% - 10px);
  }
  25% {
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    background-size: 30px 100px, 100% 100%, 15px 200px, 25px 80px;
    background-position: 0% 100%, -7.5px -100px, 35px 25px, 30px calc(100% - 10px);
  }
}
body:before {
  content: "GET • LUCKY";
  font-family: 'Monoton';
  color: #ffd11a;
  text-shadow: 0 0 10px #ffcc00, 0 0 15px red;
  text-align: center;
  font-size: 50px;
  border-radius: 50px 50px 0px 0px;
  box-shadow: inset 0 -20px 0 #2b2b2b, inset 0 0 0 10px #777, 0 -10px 0 #5e5e5e, 10px -15px 0 -5px #5e5e5e, -10px -15px 0 -5px #5e5e5e;
  line-height: 2.15;
  position: absolute;
  width: 400px;
  height: 500px;
  background: linear-gradient(to bottom, #666, #000) 100px 300px/40px 5px no-repeat, linear-gradient(-45deg, rgba(255, 255, 255, 0.001) 50%, #cc0000 50%, #990000) 25px calc(50% - 15px)/15px 15px no-repeat, linear-gradient(-135deg, rgba(255, 255, 255, 0.001) 50%, #cc0000 50%, #990000) 25px calc(50% - 30px)/15px 15px no-repeat, linear-gradient(45deg, rgba(255, 255, 255, 0.001) 50%, #cc0000 50%, #990000) 360px calc(50% - 15px)/15px 15px no-repeat, linear-gradient(135deg, rgba(255, 255, 255, 0.001) 50%, #cc0000 50%, #990000) 360px calc(50% - 30px)/15px 15px no-repeat, linear-gradient(to right, #444444 200px, rgba(255, 255, 255, 0.001) 200px) 50% 320px/200px 5px no-repeat, linear-gradient(65deg, #777 45px, rgba(255, 255, 255, 0.001) 45px) calc(50% - 87.5px) 325px/175px 100px no-repeat, linear-gradient(-65deg, #777 45px, rgba(255, 255, 255, 0.001) 45px) calc(50% + 87.5px) 325px/175px 100px no-repeat, linear-gradient(to top, #777 75px, rgba(0, 0, 0, 0.35) 75px, rgba(0, 0, 0, 0.05) 150px, rgba(0, 0, 0, 0.35) 150px, rgba(0, 0, 0, 0.35) 155px, rgba(255, 255, 255, 0.001) 155px) 50% 50%/350px 500px no-repeat, linear-gradient(to bottom, #444444, #111111 100px, #777 100px, #777 150px, rgba(255, 255, 255, 0.001) 150px, rgba(255, 255, 255, 0.001) 300px, #777 300px) center no-repeat, linear-gradient(to right, #777 50px, rgba(255, 255, 255, 0.001) 50px, rgba(255, 255, 255, 0.001) 150px, #777 150px, #777 155px, rgba(255, 255, 255, 0.001) 155px, rgba(255, 255, 255, 0.001) 250px, #777 250px, #777 255px, rgba(255, 255, 255, 0.001) 255px, rgba(255, 255, 255, 0.001) 350px, #777 350px) 50% 100px/100% 500px no-repeat, linear-gradient(to bottom, #5e5e5e 100px, #777 100px, #444444 150px, rgba(255, 255, 255, 0.001) 180px, rgba(255, 255, 255, 0.001) 230px, #444444 300px) center, radial-gradient(circle at center, red 15px, rgba(255, 255, 255, 0.001) 10px) calc(-100px + -10px) calc(50% - 7.5px)/100% 100% no-repeat, radial-gradient(circle at center, red 12.5px, rgba(255, 255, 255, 0.001) 10px) calc(-70px + -10px) calc(50% - 5px)/100% 100% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(120px + -10px) calc(50% - 25px)/100% 150% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(100px + -10px) calc(50% - 35px)/100% 225% no-repeat, radial-gradient(circle at bottom, green 20px, rgba(255, 255, 255, 0.001) 20px) calc(-100px + -10px) -297px/100% 100% no-repeat, linear-gradient(324deg, #fff 4%, transparent 4%) calc(50% - 190px + -10px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(36deg, #fff 4%, transparent 4%) calc(50% + 10px + -10px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(72deg, #fecc5c 8.5%, transparent 8.5%) calc(50% + 10px + -10px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(288deg, #fecc5c 8.5%, transparent 8.5%) calc(50% - 190px + -10px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(216deg, #fecc5c 7.5%, transparent 7.5%) calc(50% - 190px + -10px) calc(50% - 20px)/200px 200px no-repeat, linear-gradient(144deg, #fecc5c 7.5%, transparent 7.5%) calc(50% + 10px + -10px) calc(50% - 20px)/200px 200px no-repeat, linear-gradient(to right, rgba(255, 255, 255, 0.001) 25px, #17448c 20px) calc(50% - 105px + -10px) calc(50% + 35px)/70px 15px no-repeat, linear-gradient(-55deg, rgba(255, 255, 255, 0.001) calc(50% - 30px), #17448c calc(50% - 30px), #17448c calc(50% - 15px), rgba(255, 255, 255, 0.001) calc(50% - 15px)) calc(50% - 105px + -10px) calc(50% + 50px)/70px 80px no-repeat, linear-gradient(to right, rgba(255, 255, 255, 0.001) 25px, green 20px) calc(50% - 105px + -10px) calc(50% - 215px)/70px 15px no-repeat, linear-gradient(-55deg, rgba(255, 255, 255, 0.001) calc(50% - 30px), green calc(50% - 30px), green calc(50% - 15px), rgba(255, 255, 255, 0.001) calc(50% - 15px)) calc(50% - 105px + -10px) calc(50% - 200px)/70px 80px no-repeat, linear-gradient(324deg, #fff 4%, transparent 4%) calc(50% - 190px + -10px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(36deg, #fff 4%, transparent 4%) calc(50% + 10px + -10px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(72deg, #fecc5c 8.5%, transparent 8.5%) calc(50% + 10px + -10px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(288deg, #fecc5c 8.5%, transparent 8.5%) calc(50% - 190px + -10px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(216deg, #fecc5c 7.5%, transparent 7.5%) calc(50% - 190px + -10px) calc(50% + 227.5px)/200px 200px no-repeat, linear-gradient(144deg, #fecc5c 7.5%, transparent 7.5%) calc(50% + 10px + -10px) calc(50% + 227.5px)/200px 200px no-repeat, radial-gradient(circle at center, red 15px, rgba(255, 255, 255, 0.001) 10px) calc(-100px + -10px) calc(50% - 7.5px)/100% 100% no-repeat, radial-gradient(circle at center, red 12.5px, rgba(255, 255, 255, 0.001) 10px) calc(-70px + -10px) calc(50% - 5px)/100% 100% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(120px + -10px) calc(50% - 25px)/100% 150% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(100px + -10px) calc(50% - 35px)/100% 225% no-repeat, radial-gradient(circle at bottom, green 20px, rgba(255, 255, 255, 0.001) 20px) calc(-100px + -10px) -297px/100% 100% no-repeat, radial-gradient(circle at center, red 15px, rgba(255, 255, 255, 0.001) 10px) calc(-100px + 90px) calc(50% - 7.5px)/100% 100% no-repeat, radial-gradient(circle at center, red 12.5px, rgba(255, 255, 255, 0.001) 10px) calc(-70px + 90px) calc(50% - 5px)/100% 100% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(120px + 90px) calc(50% - 25px)/100% 150% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(100px + 90px) calc(50% - 35px)/100% 225% no-repeat, radial-gradient(circle at bottom, green 20px, rgba(255, 255, 255, 0.001) 20px) calc(-100px + 90px) -297px/100% 100% no-repeat, linear-gradient(324deg, #fff 4%, transparent 4%) calc(50% - 190px + 90px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(36deg, #fff 4%, transparent 4%) calc(50% + 10px + 90px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(72deg, #fecc5c 8.5%, transparent 8.5%) calc(50% + 10px + 90px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(288deg, #fecc5c 8.5%, transparent 8.5%) calc(50% - 190px + 90px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(216deg, #fecc5c 7.5%, transparent 7.5%) calc(50% - 190px + 90px) calc(50% - 20px)/200px 200px no-repeat, linear-gradient(144deg, #fecc5c 7.5%, transparent 7.5%) calc(50% + 10px + 90px) calc(50% - 20px)/200px 200px no-repeat, linear-gradient(to right, rgba(255, 255, 255, 0.001) 25px, #17448c 20px) calc(50% - 105px + 90px) calc(50% + 35px)/70px 15px no-repeat, linear-gradient(-55deg, rgba(255, 255, 255, 0.001) calc(50% - 30px), #17448c calc(50% - 30px), #17448c calc(50% - 15px), rgba(255, 255, 255, 0.001) calc(50% - 15px)) calc(50% - 105px + 90px) calc(50% + 50px)/70px 80px no-repeat, linear-gradient(to right, rgba(255, 255, 255, 0.001) 25px, green 20px) calc(50% - 105px + 90px) calc(50% - 215px)/70px 15px no-repeat, linear-gradient(-55deg, rgba(255, 255, 255, 0.001) calc(50% - 30px), green calc(50% - 30px), green calc(50% - 15px), rgba(255, 255, 255, 0.001) calc(50% - 15px)) calc(50% - 105px + 90px) calc(50% - 200px)/70px 80px no-repeat, linear-gradient(324deg, #fff 4%, transparent 4%) calc(50% - 190px + 90px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(36deg, #fff 4%, transparent 4%) calc(50% + 10px + 90px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(72deg, #fecc5c 8.5%, transparent 8.5%) calc(50% + 10px + 90px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(288deg, #fecc5c 8.5%, transparent 8.5%) calc(50% - 190px + 90px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(216deg, #fecc5c 7.5%, transparent 7.5%) calc(50% - 190px + 90px) calc(50% + 227.5px)/200px 200px no-repeat, linear-gradient(144deg, #fecc5c 7.5%, transparent 7.5%) calc(50% + 10px + 90px) calc(50% + 227.5px)/200px 200px no-repeat, radial-gradient(circle at center, red 15px, rgba(255, 255, 255, 0.001) 10px) calc(-100px + 90px) calc(50% - 7.5px)/100% 100% no-repeat, radial-gradient(circle at center, red 12.5px, rgba(255, 255, 255, 0.001) 10px) calc(-70px + 90px) calc(50% - 5px)/100% 100% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(120px + 90px) calc(50% - 25px)/100% 150% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(100px + 90px) calc(50% - 35px)/100% 225% no-repeat, radial-gradient(circle at bottom, green 20px, rgba(255, 255, 255, 0.001) 20px) calc(-100px + 90px) -297px/100% 100% no-repeat, radial-gradient(circle at center, red 15px, rgba(255, 255, 255, 0.001) 10px) calc(-100px + 190px) calc(50% - 7.5px)/100% 100% no-repeat, radial-gradient(circle at center, red 12.5px, rgba(255, 255, 255, 0.001) 10px) calc(-70px + 190px) calc(50% - 5px)/100% 100% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(120px + 190px) calc(50% - 25px)/100% 150% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(100px + 190px) calc(50% - 35px)/100% 225% no-repeat, radial-gradient(circle at bottom, green 20px, rgba(255, 255, 255, 0.001) 20px) calc(-100px + 190px) -297px/100% 100% no-repeat, linear-gradient(324deg, #fff 4%, transparent 4%) calc(50% - 190px + 190px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(36deg, #fff 4%, transparent 4%) calc(50% + 10px + 190px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(72deg, #fecc5c 8.5%, transparent 8.5%) calc(50% + 10px + 190px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(288deg, #fecc5c 8.5%, transparent 8.5%) calc(50% - 190px + 190px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(216deg, #fecc5c 7.5%, transparent 7.5%) calc(50% - 190px + 190px) calc(50% - 20px)/200px 200px no-repeat, linear-gradient(144deg, #fecc5c 7.5%, transparent 7.5%) calc(50% + 10px + 190px) calc(50% - 20px)/200px 200px no-repeat, linear-gradient(to right, rgba(255, 255, 255, 0.001) 25px, #17448c 20px) calc(50% - 105px + 190px) calc(50% + 35px)/70px 15px no-repeat, linear-gradient(-55deg, rgba(255, 255, 255, 0.001) calc(50% - 30px), #17448c calc(50% - 30px), #17448c calc(50% - 15px), rgba(255, 255, 255, 0.001) calc(50% - 15px)) calc(50% - 105px + 190px) calc(50% + 50px)/70px 80px no-repeat, linear-gradient(to right, rgba(255, 255, 255, 0.001) 25px, green 20px) calc(50% - 105px + 190px) calc(50% - 215px)/70px 15px no-repeat, linear-gradient(-55deg, rgba(255, 255, 255, 0.001) calc(50% - 30px), green calc(50% - 30px), green calc(50% - 15px), rgba(255, 255, 255, 0.001) calc(50% - 15px)) calc(50% - 105px + 190px) calc(50% - 200px)/70px 80px no-repeat, linear-gradient(324deg, #fff 4%, transparent 4%) calc(50% - 190px + 190px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(36deg, #fff 4%, transparent 4%) calc(50% + 10px + 190px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(72deg, #fecc5c 8.5%, transparent 8.5%) calc(50% + 10px + 190px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(288deg, #fecc5c 8.5%, transparent 8.5%) calc(50% - 190px + 190px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(216deg, #fecc5c 7.5%, transparent 7.5%) calc(50% - 190px + 190px) calc(50% + 227.5px)/200px 200px no-repeat, linear-gradient(144deg, #fecc5c 7.5%, transparent 7.5%) calc(50% + 10px + 190px) calc(50% + 227.5px)/200px 200px no-repeat, radial-gradient(circle at center, red 15px, rgba(255, 255, 255, 0.001) 10px) calc(-100px + 190px) calc(50% - 7.5px)/100% 100% no-repeat, radial-gradient(circle at center, red 12.5px, rgba(255, 255, 255, 0.001) 10px) calc(-70px + 190px) calc(50% - 5px)/100% 100% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(120px + 190px) calc(50% - 25px)/100% 150% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(100px + 190px) calc(50% - 35px)/100% 225% no-repeat, radial-gradient(circle at bottom, green 20px, rgba(255, 255, 255, 0.001) 20px) calc(-100px + 190px) -297px/100% 100% no-repeat, radial-gradient(circle at center, red 15px, rgba(255, 255, 255, 0.001) 10px) calc(-100px + -10px) calc(50% - 7.5px)/100% 100% no-repeat, radial-gradient(circle at center, red 12.5px, rgba(255, 255, 255, 0.001) 10px) calc(-70px + -10px) calc(50% - 5px)/100% 100% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(120px + -10px) calc(50% - 25px)/100% 150% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(100px + -10px) calc(50% - 35px)/100% 225% no-repeat, radial-gradient(circle at bottom, green 20px, rgba(255, 255, 255, 0.001) 20px) calc(-100px + -10px) -297px/100% 100% no-repeat, linear-gradient(324deg, #fff 4%, transparent 4%) calc(50% - 190px + -10px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(36deg, #fff 4%, transparent 4%) calc(50% + 10px + -10px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(72deg, #fecc5c 8.5%, transparent 8.5%) calc(50% + 10px + -10px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(288deg, #fecc5c 8.5%, transparent 8.5%) calc(50% - 190px + -10px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(216deg, #fecc5c 7.5%, transparent 7.5%) calc(50% - 190px + -10px) calc(50% - 20px)/200px 200px no-repeat, linear-gradient(144deg, #fecc5c 7.5%, transparent 7.5%) calc(50% + 10px + -10px) calc(50% - 20px)/200px 200px no-repeat, linear-gradient(to right, rgba(255, 255, 255, 0.001) 25px, #17448c 20px) calc(50% - 105px + -10px) calc(50% + 35px)/70px 15px no-repeat, linear-gradient(-55deg, rgba(255, 255, 255, 0.001) calc(50% - 30px), #17448c calc(50% - 30px), #17448c calc(50% - 15px), rgba(255, 255, 255, 0.001) calc(50% - 15px)) calc(50% - 105px + -10px) calc(50% + 50px)/70px 80px no-repeat, linear-gradient(to right, rgba(255, 255, 255, 0.001) 25px, green 20px) calc(50% - 105px + -10px) calc(50% - 215px)/70px 15px no-repeat, linear-gradient(-55deg, rgba(255, 255, 255, 0.001) calc(50% - 30px), green calc(50% - 30px), green calc(50% - 15px), rgba(255, 255, 255, 0.001) calc(50% - 15px)) calc(50% - 105px + -10px) calc(50% - 200px)/70px 80px no-repeat, linear-gradient(324deg, #fff 4%, transparent 4%) calc(50% - 190px + -10px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(36deg, #fff 4%, transparent 4%) calc(50% + 10px + -10px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(72deg, #fecc5c 8.5%, transparent 8.5%) calc(50% + 10px + -10px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(288deg, #fecc5c 8.5%, transparent 8.5%) calc(50% - 190px + -10px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(216deg, #fecc5c 7.5%, transparent 7.5%) calc(50% - 190px + -10px) calc(50% + 227.5px)/200px 200px no-repeat, linear-gradient(144deg, #fecc5c 7.5%, transparent 7.5%) calc(50% + 10px + -10px) calc(50% + 227.5px)/200px 200px no-repeat, radial-gradient(circle at center, red 15px, rgba(255, 255, 255, 0.001) 10px) calc(-100px + -10px) calc(50% - 7.5px)/100% 100% no-repeat, radial-gradient(circle at center, red 12.5px, rgba(255, 255, 255, 0.001) 10px) calc(-70px + -10px) calc(50% - 5px)/100% 100% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(120px + -10px) calc(50% - 25px)/100% 150% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(100px + -10px) calc(50% - 35px)/100% 225% no-repeat, radial-gradient(circle at bottom, green 20px, rgba(255, 255, 255, 0.001) 20px) calc(-100px + -10px) -297px/100% 100% no-repeat, radial-gradient(circle at center, red 15px, rgba(255, 255, 255, 0.001) 10px) calc(-100px + 90px) calc(50% - 7.5px)/100% 100% no-repeat, radial-gradient(circle at center, red 12.5px, rgba(255, 255, 255, 0.001) 10px) calc(-70px + 90px) calc(50% - 5px)/100% 100% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(120px + 90px) calc(50% - 25px)/100% 150% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(100px + 90px) calc(50% - 35px)/100% 225% no-repeat, radial-gradient(circle at bottom, green 20px, rgba(255, 255, 255, 0.001) 20px) calc(-100px + 90px) -297px/100% 100% no-repeat, linear-gradient(324deg, #fff 4%, transparent 4%) calc(50% - 190px + 90px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(36deg, #fff 4%, transparent 4%) calc(50% + 10px + 90px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(72deg, #fecc5c 8.5%, transparent 8.5%) calc(50% + 10px + 90px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(288deg, #fecc5c 8.5%, transparent 8.5%) calc(50% - 190px + 90px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(216deg, #fecc5c 7.5%, transparent 7.5%) calc(50% - 190px + 90px) calc(50% - 20px)/200px 200px no-repeat, linear-gradient(144deg, #fecc5c 7.5%, transparent 7.5%) calc(50% + 10px + 90px) calc(50% - 20px)/200px 200px no-repeat, linear-gradient(to right, rgba(255, 255, 255, 0.001) 25px, #17448c 20px) calc(50% - 105px + 90px) calc(50% + 35px)/70px 15px no-repeat, linear-gradient(-55deg, rgba(255, 255, 255, 0.001) calc(50% - 30px), #17448c calc(50% - 30px), #17448c calc(50% - 15px), rgba(255, 255, 255, 0.001) calc(50% - 15px)) calc(50% - 105px + 90px) calc(50% + 50px)/70px 80px no-repeat, linear-gradient(to right, rgba(255, 255, 255, 0.001) 25px, green 20px) calc(50% - 105px + 90px) calc(50% - 215px)/70px 15px no-repeat, linear-gradient(-55deg, rgba(255, 255, 255, 0.001) calc(50% - 30px), green calc(50% - 30px), green calc(50% - 15px), rgba(255, 255, 255, 0.001) calc(50% - 15px)) calc(50% - 105px + 90px) calc(50% - 200px)/70px 80px no-repeat, linear-gradient(324deg, #fff 4%, transparent 4%) calc(50% - 190px + 90px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(36deg, #fff 4%, transparent 4%) calc(50% + 10px + 90px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(72deg, #fecc5c 8.5%, transparent 8.5%) calc(50% + 10px + 90px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(288deg, #fecc5c 8.5%, transparent 8.5%) calc(50% - 190px + 90px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(216deg, #fecc5c 7.5%, transparent 7.5%) calc(50% - 190px + 90px) calc(50% + 227.5px)/200px 200px no-repeat, linear-gradient(144deg, #fecc5c 7.5%, transparent 7.5%) calc(50% + 10px + 90px) calc(50% + 227.5px)/200px 200px no-repeat, radial-gradient(circle at center, red 15px, rgba(255, 255, 255, 0.001) 10px) calc(-100px + 90px) calc(50% - 7.5px)/100% 100% no-repeat, radial-gradient(circle at center, red 12.5px, rgba(255, 255, 255, 0.001) 10px) calc(-70px + 90px) calc(50% - 5px)/100% 100% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(120px + 90px) calc(50% - 25px)/100% 150% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(100px + 90px) calc(50% - 35px)/100% 225% no-repeat, radial-gradient(circle at bottom, green 20px, rgba(255, 255, 255, 0.001) 20px) calc(-100px + 90px) -297px/100% 100% no-repeat, radial-gradient(circle at center, red 15px, rgba(255, 255, 255, 0.001) 10px) calc(-100px + 190px) calc(50% - 7.5px)/100% 100% no-repeat, radial-gradient(circle at center, red 12.5px, rgba(255, 255, 255, 0.001) 10px) calc(-70px + 190px) calc(50% - 5px)/100% 100% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(120px + 190px) calc(50% - 25px)/100% 150% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(100px + 190px) calc(50% - 35px)/100% 225% no-repeat, radial-gradient(circle at bottom, green 20px, rgba(255, 255, 255, 0.001) 20px) calc(-100px + 190px) -297px/100% 100% no-repeat, linear-gradient(324deg, #fff 4%, transparent 4%) calc(50% - 190px + 190px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(36deg, #fff 4%, transparent 4%) calc(50% + 10px + 190px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(72deg, #fecc5c 8.5%, transparent 8.5%) calc(50% + 10px + 190px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(288deg, #fecc5c 8.5%, transparent 8.5%) calc(50% - 190px + 190px) calc(50% - 180px)/200px 200px no-repeat, linear-gradient(216deg, #fecc5c 7.5%, transparent 7.5%) calc(50% - 190px + 190px) calc(50% - 20px)/200px 200px no-repeat, linear-gradient(144deg, #fecc5c 7.5%, transparent 7.5%) calc(50% + 10px + 190px) calc(50% - 20px)/200px 200px no-repeat, linear-gradient(to right, rgba(255, 255, 255, 0.001) 25px, #17448c 20px) calc(50% - 105px + 190px) calc(50% + 35px)/70px 15px no-repeat, linear-gradient(-55deg, rgba(255, 255, 255, 0.001) calc(50% - 30px), #17448c calc(50% - 30px), #17448c calc(50% - 15px), rgba(255, 255, 255, 0.001) calc(50% - 15px)) calc(50% - 105px + 190px) calc(50% + 50px)/70px 80px no-repeat, linear-gradient(to right, rgba(255, 255, 255, 0.001) 25px, green 20px) calc(50% - 105px + 190px) calc(50% - 215px)/70px 15px no-repeat, linear-gradient(-55deg, rgba(255, 255, 255, 0.001) calc(50% - 30px), green calc(50% - 30px), green calc(50% - 15px), rgba(255, 255, 255, 0.001) calc(50% - 15px)) calc(50% - 105px + 190px) calc(50% - 200px)/70px 80px no-repeat, linear-gradient(324deg, #fff 4%, transparent 4%) calc(50% - 190px + 190px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(36deg, #fff 4%, transparent 4%) calc(50% + 10px + 190px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(72deg, #fecc5c 8.5%, transparent 8.5%) calc(50% + 10px + 190px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(288deg, #fecc5c 8.5%, transparent 8.5%) calc(50% - 190px + 190px) calc(50% + 70px)/200px 200px no-repeat, linear-gradient(216deg, #fecc5c 7.5%, transparent 7.5%) calc(50% - 190px + 190px) calc(50% + 227.5px)/200px 200px no-repeat, linear-gradient(144deg, #fecc5c 7.5%, transparent 7.5%) calc(50% + 10px + 190px) calc(50% + 227.5px)/200px 200px no-repeat, radial-gradient(circle at center, red 15px, rgba(255, 255, 255, 0.001) 10px) calc(-100px + 190px) calc(50% - 7.5px)/100% 100% no-repeat, radial-gradient(circle at center, red 12.5px, rgba(255, 255, 255, 0.001) 10px) calc(-70px + 190px) calc(50% - 5px)/100% 100% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(120px + 190px) calc(50% - 25px)/100% 150% no-repeat, radial-gradient(ellipse at left, rgba(255, 255, 255, 0.001) 17px, green 17px, green 22px, rgba(255, 255, 255, 0.001) 22px) calc(100px + 190px) calc(50% - 35px)/100% 225% no-repeat, radial-gradient(circle at bottom, green 20px, rgba(255, 255, 255, 0.001) 20px) calc(-100px + 190px) -297px/100% 100% no-repeat;
  -webkit-animation: cherries 8s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite, blink 5s linear infinite;
          animation: cherries 8s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite, blink 5s linear infinite;
}
@-webkit-keyframes blink {
  0% {
    color: #ffd11a;
    text-shadow: 0 0 10px rgba(255, 204, 0, 0.5), 0 0 15px red;
  }
  1% {
    color: #ffcc00;
    text-shadow: 0 0 5px rgba(255, 204, 0, 0.5), 0 0 10px rgba(255, 0, 0, 0.5);
  }
  2% {
    color: #ffd11a;
    text-shadow: 0 0 10px #ffcc00, 0 0 15px red;
  }
  3% {
    color: #ffcc00;
    text-shadow: 0 0 5px rgba(255, 204, 0, 0.5), 0 0 10px rgba(255, 0, 0, 0.5);
  }
  4% {
    color: #ffd11a;
    text-shadow: 0 0 10px rgba(255, 204, 0, 0.5), 0 0 15px red;
  }
}
@keyframes blink {
  0% {
    color: #ffd11a;
    text-shadow: 0 0 10px rgba(255, 204, 0, 0.5), 0 0 15px red;
  }
  1% {
    color: #ffcc00;
    text-shadow: 0 0 5px rgba(255, 204, 0, 0.5), 0 0 10px rgba(255, 0, 0, 0.5);
  }
  2% {
    color: #ffd11a;
    text-shadow: 0 0 10px #ffcc00, 0 0 15px red;
  }
  3% {
    color: #ffcc00;
    text-shadow: 0 0 5px rgba(255, 204, 0, 0.5), 0 0 10px rgba(255, 0, 0, 0.5);
  }
  4% {
    color: #ffd11a;
    text-shadow: 0 0 10px rgba(255, 204, 0, 0.5), 0 0 15px red;
  }
}
@-webkit-keyframes cherries {
  0% {
    background-position: 310px 120px, 25px calc(50% - 15px), 25px calc(50% - 30px), 360px calc(50% - 15px), 360px calc(50% - 30px), 50% 340px, calc(50% - 87.5px) 345px, calc(50% + 87.5px) 345px, center, center, center 100px, center, calc(-100px + -10px) calc(50% - 7.5px - (1px * 0)), calc(-70px + -10px) calc(50% - 5px - (1px * 0)), calc(120px + -10px) calc(50% - 25px - (1px * 0)), calc(100px + -10px) calc(50% - 35px - (1px * 0)), calc(-100px + -10px) calc(-297px - (1px * 0)), calc(50% - 190px + -10px) calc(50% - 180px - (1px * 0)), calc(50% + 10px + -10px) calc(50% - 180px - (1px * 0)), calc(50% + 10px + -10px) calc(50% - 180px - (1px * 0)), calc(50% - 190px + -10px) calc(50% - 180px - (1px * 0)), calc(50% - 190px + -10px) calc(50% - 20px - (1px * 0)), calc(50% + 10px + -10px) calc(50% - 20px - (1px * 0)), calc(50% - 105px + -10px) calc(50% + 35px - (1px * 0)), calc(50% - 105px + -10px) calc(50% + 50px - (1px * 0)), calc(50% - 105px + -10px) calc(50% - 215px - (1px * 0)), calc(50% - 105px + -10px) calc(50% - 200px - (1px * 0)), calc(50% - 190px + -10px) calc(50% + 70px - (1px * 0)), calc(50% + 10px + -10px) calc(50% + 70px - (1px * 0)), calc(50% + 10px + -10px) calc(50% + 70px - (1px * 0)), calc(50% - 190px + -10px) calc(50% + 70px - (1px * 0)), calc(50% - 190px + -10px) calc(50% + 227.5px - (1px * 0)), calc(50% + 10px + -10px) calc(50% + 227.5px - (1px * 0)), calc(-100px + -10px) calc(50% - 7.5px - (1px * 0) + 250px), calc(-70px + -10px) calc(50% - 5px - (1px * 0) + 250px), calc(120px + -10px) calc(50% - 25px - (1px * 0) + 250px), calc(100px + -10px) calc(50% - 35px - (1px * 0) + 250px), calc(-100px + -10px) calc(-297px - (1px * 0) + 250px), calc(-100px + 90px) calc(50% - 7.5px - (1px * 0)), calc(-70px + 90px) calc(50% - 5px - (1px * 0)), calc(120px + 90px) calc(50% - 25px - (1px * 0)), calc(100px + 90px) calc(50% - 35px - (1px * 0)), calc(-100px + 90px) calc(-297px - (1px * 0)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * 0)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * 0)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * 0)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * 0)), calc(50% - 190px + 90px) calc(50% - 20px - (1px * 0)), calc(50% + 10px + 90px) calc(50% - 20px - (1px * 0)), calc(50% - 105px + 90px) calc(50% + 35px - (1px * 0)), calc(50% - 105px + 90px) calc(50% + 50px - (1px * 0)), calc(50% - 105px + 90px) calc(50% - 215px - (1px * 0)), calc(50% - 105px + 90px) calc(50% - 200px - (1px * 0)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * 0)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * 0)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * 0)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * 0)), calc(50% - 190px + 90px) calc(50% + 227.5px - (1px * 0)), calc(50% + 10px + 90px) calc(50% + 227.5px - (1px * 0)), calc(-100px + 90px) calc(50% - 7.5px - (1px * 0) + 250px), calc(-70px + 90px) calc(50% - 5px - (1px * 0) + 250px), calc(120px + 90px) calc(50% - 25px - (1px * 0) + 250px), calc(100px + 90px) calc(50% - 35px - (1px * 0) + 250px), calc(-100px + 90px) calc(-297px - (1px * 0) + 250px), calc(-100px + 190px) calc(50% - 7.5px - (1px * 0)), calc(-70px + 190px) calc(50% - 5px - (1px * 0)), calc(120px + 190px) calc(50% - 25px - (1px * 0)), calc(100px + 190px) calc(50% - 35px - (1px * 0)), calc(-100px + 190px) calc(-297px - (1px * 0)), calc(50% - 190px + 190px) calc(50% - 180px - (1px * 0)), calc(50% + 10px + 190px) calc(50% - 180px - (1px * 0)), calc(50% + 10px + 190px) calc(50% - 180px - (1px * 0)), calc(50% - 190px + 190px) calc(50% - 180px - (1px * 0)), calc(50% - 190px + 190px) calc(50% - 20px - (1px * 0)), calc(50% + 10px + 190px) calc(50% - 20px - (1px * 0)), calc(50% - 105px + 190px) calc(50% + 35px - (1px * 0)), calc(50% - 105px + 190px) calc(50% + 50px - (1px * 0)), calc(50% - 105px + 190px) calc(50% - 215px - (1px * 0)), calc(50% - 105px + 190px) calc(50% - 200px - (1px * 0)), calc(50% - 190px + 190px) calc(50% + 70px - (1px * 0)), calc(50% + 10px + 190px) calc(50% + 70px - (1px * 0)), calc(50% + 10px + 190px) calc(50% + 70px - (1px * 0)), calc(50% - 190px + 190px) calc(50% + 70px - (1px * 0)), calc(50% - 190px + 190px) calc(50% + 227.5px - (1px * 0)), calc(50% + 10px + 190px) calc(50% + 227.5px - (1px * 0)), calc(-100px + 190px) calc(50% - 7.5px - (1px * 0) + 250px), calc(-70px + 190px) calc(50% - 5px - (1px * 0) + 250px), calc(120px + 190px) calc(50% - 25px - (1px * 0) + 250px), calc(100px + 190px) calc(50% - 35px - (1px * 0) + 250px), calc(-100px + 190px) calc(-297px - (1px * 0) + 250px), calc(-100px + -10px) calc(50% - 7.5px - (1px * 500)), calc(-70px + -10px) calc(50% - 5px - (1px * 500)), calc(120px + -10px) calc(50% - 25px - (1px * 500)), calc(100px + -10px) calc(50% - 35px - (1px * 500)), calc(-100px + -10px) calc(-297px - (1px * 500)), calc(50% - 190px + -10px) calc(50% - 180px - (1px * 500)), calc(50% + 10px + -10px) calc(50% - 180px - (1px * 500)), calc(50% + 10px + -10px) calc(50% - 180px - (1px * 500)), calc(50% - 190px + -10px) calc(50% - 180px - (1px * 500)), calc(50% - 190px + -10px) calc(50% - 20px - (1px * 500)), calc(50% + 10px + -10px) calc(50% - 20px - (1px * 500)), calc(50% - 105px + -10px) calc(50% + 35px - (1px * 500)), calc(50% - 105px + -10px) calc(50% + 50px - (1px * 500)), calc(50% - 105px + -10px) calc(50% - 215px - (1px * 500)), calc(50% - 105px + -10px) calc(50% - 200px - (1px * 500)), calc(50% - 190px + -10px) calc(50% + 70px - (1px * 500)), calc(50% + 10px + -10px) calc(50% + 70px - (1px * 500)), calc(50% + 10px + -10px) calc(50% + 70px - (1px * 500)), calc(50% - 190px + -10px) calc(50% + 70px - (1px * 500)), calc(50% - 190px + -10px) calc(50% + 227.5px - (1px * 500)), calc(50% + 10px + -10px) calc(50% + 227.5px - (1px * 500)), calc(-100px + -10px) calc(50% - 7.5px - (1px * 500) + 250px), calc(-70px + -10px) calc(50% - 5px - (1px * 500) + 250px), calc(120px + -10px) calc(50% - 25px - (1px * 500) + 250px), calc(100px + -10px) calc(50% - 35px - (1px * 500) + 250px), calc(-100px + -10px) calc(-297px - (1px * 500) + 250px), calc(-100px + 90px) calc(50% - 7.5px - (1px * 500)), calc(-70px + 90px) calc(50% - 5px - (1px * 500)), calc(120px + 90px) calc(50% - 25px - (1px * 500)), calc(100px + 90px) calc(50% - 35px - (1px * 500)), calc(-100px + 90px) calc(-297px - (1px * 500)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * 500)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * 500)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * 500)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * 500)), calc(50% - 190px + 90px) calc(50% - 20px - (1px * 500)), calc(50% + 10px + 90px) calc(50% - 20px - (1px * 500)), calc(50% - 105px + 90px) calc(50% + 35px - (1px * 500)), calc(50% - 105px + 90px) calc(50% + 50px - (1px * 500)), calc(50% - 105px + 90px) calc(50% - 215px - (1px * 500)), calc(50% - 105px + 90px) calc(50% - 200px - (1px * 500)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * 500)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * 500)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * 500)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * 500)), calc(50% - 190px + 90px) calc(50% + 227.5px - (1px * 500)), calc(50% + 10px + 90px) calc(50% + 227.5px - (1px * 500)), calc(-100px + 90px) calc(50% - 7.5px - (1px * 500) + 250px), calc(-70px + 90px) calc(50% - 5px - (1px * 500) + 250px), calc(120px + 90px) calc(50% - 25px - (1px * 500) + 250px), calc(100px + 90px) calc(50% - 35px - (1px * 500) + 250px), calc(-100px + 90px) calc(-297px - (1px * 500) + 250px), calc(-100px + 190px) calc(50% - 7.5px - (1px * 500)), calc(-70px + 190px) calc(50% - 5px - (1px * 500)), calc(120px + 190px) calc(50% - 25px - (1px * 500)), calc(100px + 190px) calc(50% - 35px - (1px * 500)), calc(-100px + 190px) calc(-297px - (1px * 500)), calc(50% - 190px + 190px) calc(50% - 180px - (1px * 500)), calc(50% + 10px + 190px) calc(50% - 180px - (1px * 500)), calc(50% + 10px + 190px) calc(50% - 180px - (1px * 500)), calc(50% - 190px + 190px) calc(50% - 180px - (1px * 500)), calc(50% - 190px + 190px) calc(50% - 20px - (1px * 500)), calc(50% + 10px + 190px) calc(50% - 20px - (1px * 500)), calc(50% - 105px + 190px) calc(50% + 35px - (1px * 500)), calc(50% - 105px + 190px) calc(50% + 50px - (1px * 500)), calc(50% - 105px + 190px) calc(50% - 215px - (1px * 500)), calc(50% - 105px + 190px) calc(50% - 200px - (1px * 500)), calc(50% - 190px + 190px) calc(50% + 70px - (1px * 500)), calc(50% + 10px + 190px) calc(50% + 70px - (1px * 500)), calc(50% + 10px + 190px) calc(50% + 70px - (1px * 500)), calc(50% - 190px + 190px) calc(50% + 70px - (1px * 500)), calc(50% - 190px + 190px) calc(50% + 227.5px - (1px * 500)), calc(50% + 10px + 190px) calc(50% + 227.5px - (1px * 500)), calc(-100px + 190px) calc(50% - 7.5px - (1px * 500) + 250px), calc(-70px + 190px) calc(50% - 5px - (1px * 500) + 250px), calc(120px + 190px) calc(50% - 25px - (1px * 500) + 250px), calc(100px + 190px) calc(50% - 35px - (1px * 500) + 250px), calc(-100px + 190px) calc(-297px - (1px * 500) + 250px);
  }
  12.5% {
    background-position: 310px 120px, 25px calc(50% - 15px), 25px calc(50% - 30px), 360px calc(50% - 15px), 360px calc(50% - 30px), 50% 340px, calc(50% - 87.5px) 345px, calc(50% + 87.5px) 345px, center, center, center 100px, center, calc(-100px + -10px) calc(50% - 7.5px - (1px * 0)), calc(-70px + -10px) calc(50% - 5px - (1px * 0)), calc(120px + -10px) calc(50% - 25px - (1px * 0)), calc(100px + -10px) calc(50% - 35px - (1px * 0)), calc(-100px + -10px) calc(-297px - (1px * 0)), calc(50% - 190px + -10px) calc(50% - 180px - (1px * 0)), calc(50% + 10px + -10px) calc(50% - 180px - (1px * 0)), calc(50% + 10px + -10px) calc(50% - 180px - (1px * 0)), calc(50% - 190px + -10px) calc(50% - 180px - (1px * 0)), calc(50% - 190px + -10px) calc(50% - 20px - (1px * 0)), calc(50% + 10px + -10px) calc(50% - 20px - (1px * 0)), calc(50% - 105px + -10px) calc(50% + 35px - (1px * 0)), calc(50% - 105px + -10px) calc(50% + 50px - (1px * 0)), calc(50% - 105px + -10px) calc(50% - 215px - (1px * 0)), calc(50% - 105px + -10px) calc(50% - 200px - (1px * 0)), calc(50% - 190px + -10px) calc(50% + 70px - (1px * 0)), calc(50% + 10px + -10px) calc(50% + 70px - (1px * 0)), calc(50% + 10px + -10px) calc(50% + 70px - (1px * 0)), calc(50% - 190px + -10px) calc(50% + 70px - (1px * 0)), calc(50% - 190px + -10px) calc(50% + 227.5px - (1px * 0)), calc(50% + 10px + -10px) calc(50% + 227.5px - (1px * 0)), calc(-100px + -10px) calc(50% - 7.5px - (1px * 0) + 250px), calc(-70px + -10px) calc(50% - 5px - (1px * 0) + 250px), calc(120px + -10px) calc(50% - 25px - (1px * 0) + 250px), calc(100px + -10px) calc(50% - 35px - (1px * 0) + 250px), calc(-100px + -10px) calc(-297px - (1px * 0) + 250px), calc(-100px + 90px) calc(50% - 7.5px - (1px * 0)), calc(-70px + 90px) calc(50% - 5px - (1px * 0)), calc(120px + 90px) calc(50% - 25px - (1px * 0)), calc(100px + 90px) calc(50% - 35px - (1px * 0)), calc(-100px + 90px) calc(-297px - (1px * 0)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * 0)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * 0)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * 0)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * 0)), calc(50% - 190px + 90px) calc(50% - 20px - (1px * 0)), calc(50% + 10px + 90px) calc(50% - 20px - (1px * 0)), calc(50% - 105px + 90px) calc(50% + 35px - (1px * 0)), calc(50% - 105px + 90px) calc(50% + 50px - (1px * 0)), calc(50% - 105px + 90px) calc(50% - 215px - (1px * 0)), calc(50% - 105px + 90px) calc(50% - 200px - (1px * 0)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * 0)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * 0)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * 0)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * 0)), calc(50% - 190px + 90px) calc(50% + 227.5px - (1px * 0)), calc(50% + 10px + 90px) calc(50% + 227.5px - (1px * 0)), calc(-100px + 90px) calc(50% - 7.5px - (1px * 0) + 250px), calc(-70px + 90px) calc(50% - 5px - (1px * 0) + 250px), calc(120px + 90px) calc(50% - 25px - (1px * 0) + 250px), calc(100px + 9.........完整代码请登录后点击上方下载按钮下载查看