纯css实现摇奖抽号转盘效果代码
代码语言: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 + 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); } 25% { -webkit-animation-timing-function: linear; animation-timing-function: linear; 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 * 100)), calc(-70px + -10px) calc(50% - 5px - (1px * 100)), calc(120px + -10px) calc(50% - 25px - (1px * 100)), calc(100px + -10px) calc(50% - 35px - (1px * 100)), calc(-100px + -10px) calc(-297px - (1px * 100)), calc(50% - 190px + -10px) calc(50% - 180px - (1px * 100)), calc(50% + 10px + -10px) calc(50% - 180px - (1px * 100)), calc(50% + 10px + -10px) calc(50% - 180px - (1px * 100)), calc(50% - 190px + -10px) calc(50% - 180px - (1px * 100)), calc(50% - 190px + -10px) calc(50% - 20px - (1px * 100)), calc(50% + 10px + -10px) calc(50% - 20px - (1px * 100)), calc(50% - 105px + -10px) calc(50% + 35px - (1px * 100)), calc(50% - 105px + -10px) calc(50% + 50px - (1px * 100)), calc(50% - 105px + -10px) calc(50% - 215px - (1px * 100)), calc(50% - 105px + -10px) calc(50% - 200px - (1px * 100)), calc(50% - 190px + -10px) calc(50% + 70px - (1px * 100)), calc(50% + 10px + -10px) calc(50% + 70px - (1px * 100)), calc(50% + 10px + -10px) calc(50% + 70px - (1px * 100)), calc(50% - 190px + -10px) calc(50% + 70px - (1px * 100)), calc(50% - 190px + -10px) calc(50% + 227.5px - (1px * 100)), calc(50% + 10px + -10px) calc(50% + 227.5px - (1px * 100)), calc(-100px + -10px) calc(50% - 7.5px - (1px * 100) + 250px), calc(-70px + -10px) calc(50% - 5px - (1px * 100) + 250px), calc(120px + -10px) calc(50% - 25px - (1px * 100) + 250px), calc(100px + -10px) calc(50% - 35px - (1px * 100) + 250px), calc(-100px + -10px) calc(-297px - (1px * 100) + 250px), calc(-100px + 90px) calc(50% - 7.5px - (1px * 50)), calc(-70px + 90px) calc(50% - 5px - (1px * 50)), calc(120px + 90px) calc(50% - 25px - (1px * 50)), calc(100px + 90px) calc(50% - 35px - (1px * 50)), calc(-100px + 90px) calc(-297px - (1px * 50)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * 50)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * 50)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * 50)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * 50)), calc(50% - 190px + 90px) calc(50% - 20px - (1px * 50)), calc(50% + 10px + 90px) calc(50% - 20px - (1px * 50)), calc(50% - 105px + 90px) calc(50% + 35px - (1px * 50)), calc(50% - 105px + 90px) calc(50% + 50px - (1px * 50)), calc(50% - 105px + 90px) calc(50% - 215px - (1px * 50)), calc(50% - 105px + 90px) calc(50% - 200px - (1px * 50)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * 50)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * 50)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * 50)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * 50)), calc(50% - 190px + 90px) calc(50% + 227.5px - (1px * 50)), calc(50% + 10px + 90px) calc(50% + 227.5px - (1px * 50)), calc(-100px + 90px) calc(50% - 7.5px - (1px * 50) + 250px), calc(-70px + 90px) calc(50% - 5px - (1px * 50) + 250px), calc(120px + 90px) calc(50% - 25px - (1px * 50) + 250px), calc(100px + 90px) calc(50% - 35px - (1px * 50) + 250px), calc(-100px + 90px) calc(-297px - (1px * 50) + 250px), calc(-100px + 190px) calc(50% - 7.5px - (1px * 100)), calc(-70px + 190px) calc(50% - 5px - (1px * 100)), calc(120px + 190px) calc(50% - 25px - (1px * 100)), calc(100px + 190px) calc(50% - 35px - (1px * 100)), calc(-100px + 190px) calc(-297px - (1px * 100)), calc(50% - 190px + 190px) calc(50% - 180px - (1px * 100)), calc(50% + 10px + 190px) calc(50% - 180px - (1px * 100)), calc(50% + 10px + 190px) calc(50% - 180px - (1px * 100)), calc(50% - 190px + 190px) calc(50% - 180px - (1px * 100)), calc(50% - 190px + 190px) calc(50% - 20px - (1px * 100)), calc(50% + 10px + 190px) calc(50% - 20px - (1px * 100)), calc(50% - 105px + 190px) calc(50% + 35px - (1px * 100)), calc(50% - 105px + 190px) calc(50% + 50px - (1px * 100)), calc(50% - 105px + 190px) calc(50% - 215px - (1px * 100)), calc(50% - 105px + 190px) calc(50% - 200px - (1px * 100)), calc(50% - 190px + 190px) calc(50% + 70px - (1px * 100)), calc(50% + 10px + 190px) calc(50% + 70px - (1px * 100)), calc(50% + 10px + 190px) calc(50% + 70px - (1px * 100)), calc(50% - 190px + 190px) calc(50% + 70px - (1px * 100)), calc(50% - 190px + 190px) calc(50% + 227.5px - (1px * 100)), calc(50% + 10px + 190px) calc(50% + 227.5px - (1px * 100)), calc(-100px + 190px) calc(50% - 7.5px - (1px * 100) + 250px), calc(-70px + 190px) calc(50% - 5px - (1px * 100) + 250px), calc(120px + 190px) calc(50% - 25px - (1px * 100) + 250px), calc(100px + 190px) calc(50% - 35px - (1px * 100) + 250px), calc(-100px + 190px) calc(-297px - (1px * 100) + 250px), calc(-100px + -10px) calc(50% - 7.5px - (1px * 600)), calc(-70px + -10px) calc(50% - 5px - (1px * 600)), calc(120px + -10px) calc(50% - 25px - (1px * 600)), calc(100px + -10px) calc(50% - 35px - (1px * 600)), calc(-100px + -10px) calc(-297px - (1px * 600)), calc(50% - 190px + -10px) calc(50% - 180px - (1px * 600)), calc(50% + 10px + -10px) calc(50% - 180px - (1px * 600)), calc(50% + 10px + -10px) calc(50% - 180px - (1px * 600)), calc(50% - 190px + -10px) calc(50% - 180px - (1px * 600)), calc(50% - 190px + -10px) calc(50% - 20px - (1px * 600)), calc(50% + 10px + -10px) calc(50% - 20px - (1px * 600)), calc(50% - 105px + -10px) calc(50% + 35px - (1px * 600)), calc(50% - 105px + -10px) calc(50% + 50px - (1px * 600)), calc(50% - 105px + -10px) calc(50% - 215px - (1px * 600)), calc(50% - 105px + -10px) calc(50% - 200px - (1px * 600)), calc(50% - 190px + -10px) calc(50% + 70px - (1px * 600)), calc(50% + 10px + -10px) calc(50% + 70px - (1px * 600)), calc(50% + 10px + -10px) calc(50% + 70px - (1px * 600)), calc(50% - 190px + -10px) calc(50% + 70px - (1px * 600)), calc(50% - 190px + -10px) calc(50% + 227.5px - (1px * 600)), calc(50% + 10px + -10px) calc(50% + 227.5px - (1px * 600)), calc(-100px + -10px) calc(50% - 7.5px - (1px * 600) + 250px), calc(-70px + -10px) calc(50% - 5px - (1px * 600) + 250px), calc(120px + -10px) calc(50% - 25px - (1px * 600) + 250px), calc(100px + -10px) calc(50% - 35px - (1px * 600) + 250px), calc(-100px + -10px) calc(-297px - (1px * 600) + 250px), calc(-100px + 90px) calc(50% - 7.5px - (1px * 550)), calc(-70px + 90px) calc(50% - 5px - (1px * 550)), calc(120px + 90px) calc(50% - 25px - (1px * 550)), calc(100px + 90px) calc(50% - 35px - (1px * 550)), calc(-100px + 90px) calc(-297px - (1px * 550)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * 550)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * 550)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * 550)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * 550)), calc(50% - 190px + 90px) calc(50% - 20px - (1px * 550)), calc(50% + 10px + 90px) calc(50% - 20px - (1px * 550)), calc(50% - 105px + 90px) calc(50% + 35px - (1px * 550)), calc(50% - 105px + 90px) calc(50% + 50px - (1px * 550)), calc(50% - 105px + 90px) calc(50% - 215px - (1px * 550)), calc(50% - 105px + 90px) calc(50% - 200px - (1px * 550)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * 550)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * 550)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * 550)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * 550)), calc(50% - 190px + 90px) calc(50% + 227.5px - (1px * 550)), calc(50% + 10px + 90px) calc(50% + 227.5px - (1px * 550)), calc(-100px + 90px) calc(50% - 7.5px - (1px * 550) + 250px), calc(-70px + 90px) calc(50% - 5px - (1px * 550) + 250px), calc(120px + 90px) calc(50% - 25px - (1px * 550) + 250px), calc(100px + 90px) calc(50% - 35px - (1px * 550) + 250px), calc(-100px + 90px) calc(-297px - (1px * 550) + 250px), calc(-100px + 190px) calc(50% - 7.5px - (1px * 600)), calc(-70px + 190px) calc(50% - 5px - (1px * 600)), calc(120px + 190px) calc(50% - 25px - (1px * 600)), calc(100px + 190px) calc(50% - 35px - (1px * 600)), calc(-100px + 190px) calc(-297px - (1px * 600)), calc(50% - 190px + 190px) calc(50% - 180px - (1px * 600)), calc(50% + 10px + 190px) calc(50% - 180px - (1px * 600)), calc(50% + 10px + 190px) calc(50% - 180px - (1px * 600)), calc(50% - 190px + 190px) calc(50% - 180px - (1px * 600)), calc(50% - 190px + 190px) calc(50% - 20px - (1px * 600)), calc(50% + 10px + 190px) calc(50% - 20px - (1px * 600)), calc(50% - 105px + 190px) calc(50% + 35px - (1px * 600)), calc(50% - 105px + 190px) calc(50% + 50px - (1px * 600)), calc(50% - 105px + 190px) calc(50% - 215px - (1px * 600)), calc(50% - 105px + 190px) calc(50% - 200px - (1px * 600)), calc(50% - 190px + 190px) calc(50% + 70px - (1px * 600)), calc(50% + 10px + 190px) calc(50% + 70px - (1px * 600)), calc(50% + 10px + 190px) calc(50% + 70px - (1px * 600)), calc(50% - 190px + 190px) calc(50% + 70px - (1px * 600)), calc(50% - 190px + 190px) calc(50% + 227.5px - (1px * 600)), calc(50% + 10px + 190px) calc(50% + 227.5px - (1px * 600)), calc(-100px + 190px) calc(50% - 7.5px - (1px * 600) + 250px), calc(-70px + 190px) calc(50% - 5px - (1px * 600) + 250px), calc(120px + 190px) calc(50% - 25px - (1px * 600) + 250px), calc(100px + 190px) calc(50% - 35px - (1px * 600) + 250px), calc(-100px + 190px) calc(-297px - (1px * 600) + 250px); } 35% { -webkit-animation-timing-function: linear; animation-timing-function: linear; 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 * -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 * -575)), calc(-70px + 90px) calc(50% - 5px - (1px * -575)), calc(120px + 90px) calc(50% - 25px - (1px * -575)), calc(100px + 90px) calc(50% - 35px - (1px * -575)), calc(-100px + 90px) calc(-297px - (1px * -575)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * -575)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * -575)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * -575)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * -575)), calc(50% - 190px + 90px) calc(50% - 20px - (1px * -575)), calc(50% + 10px + 90px) calc(50% - 20px - (1px * -575)), calc(50% - 105px + 90px) calc(50% + 35px - (1px * -575)), calc(50% - 105px + 90px) calc(50% + 50px - (1px * -575)), calc(50% - 105px + 90px) calc(50% - 215px - (1px * -575)), calc(50% - 105px + 90px) calc(50% - 200px - (1px * -575)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * -575)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * -575)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * -575)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * -575)), calc(50% - 190px + 90px) calc(50% + 227.5px - (1px * -575)), calc(50% + 10px + 90px) calc(50% + 227.5px - (1px * -575)), calc(-100px + 90px) calc(50% - 7.5px - (1px * -575) + 250px), calc(-70px + 90px) calc(50% - 5px - (1px * -575) + 250px), calc(120px + 90px) calc(50% - 25px - (1px * -575) + 250px), calc(100px + 90px) calc(50% - 35px - (1px * -575) + 250px), calc(-100px + 90px) calc(-297px - (1px * -575) + 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), 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 * -75)), calc(-70px + 90px) calc(50% - 5px - (1px * -75)), calc(120px + 90px) calc(50% - 25px - (1px * -75)), calc(100px + 90px) calc(50% - 35px - (1px * -75)), calc(-100px + 90px) calc(-297px - (1px * -75)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * -75)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * -75)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * -75)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * -75)), calc(50% - 190px + 90px) calc(50% - 20px - (1px * -75)), calc(50% + 10px + 90px) calc(50% - 20px - (1px * -75)), calc(50% - 105px + 90px) calc(50% + 35px - (1px * -75)), calc(50% - 105px + 90px) calc(50% + 50px - (1px * -75)), calc(50% - 105px + 90px) calc(50% - 215px - (1px * -75)), calc(50% - 105px + 90px) calc(50% - 200px - (1px * -75)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * -75)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * -75)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * -75)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * -75)), calc(50% - 190px + 90px) calc(50% + 227.5px - (1px * -75)), calc(50% + 10px + 90px) calc(50% + 227.5px - (1px * -75)), calc(-100px + 90px) calc(50% - 7.5px - (1px * -75) + 250px), calc(-70px + 90px) calc(50% - 5px - (1px * -75) + 250px), calc(120px + 90px) calc(50% - 25px - (1px * -75) + 250px), calc(100px + 90px) calc(50% - 35px - (1px * -75) + 250px), calc(-100px + 90px) calc(-297px - (1px * -75) + 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); } 35.001% { -webkit-animation-timing-function: linear; animation-timing-function: linear; 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 * -75)), calc(-70px + 90px) calc(50% - 5px - (1px * -75)), calc(120px + 90px) calc(50% - 25px - (1px * -75)), calc(100px + 90px) calc(50% - 35px - (1px * -75)), calc(-100px + 90px) calc(-297px - (1px * -75)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * -75)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * -75)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * -75)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * -75)), calc(50% - 190px + 90px) calc(50% - 20px - (1px * -75)), calc(50% + 10px + 90px) calc(50% - 20px - (1px * -75)), calc(50% - 105px + 90px) calc(50% + 35px - (1px * -75)), calc(50% - 105px + 90px) calc(50% + 50px - (1px * -75)), calc(50% - 105px + 90px) calc(50% - 215px - (1px * -75)), calc(50% - 105px + 90px) calc(50% - 200px - (1px * -75)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * -75)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * -75)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * -75)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * -75)), calc(50% - 190px + 90px) calc(50% + 227.5px - (1px * -75)), calc(50% + 10px + 90px) calc(50% + 227.5px - (1px * -75)), calc(-100px + 90px) calc(50% - 7.5px - (1px * -75) + 250px), calc(-70px + 90px) calc(50% - 5px - (1px * -75) + 250px), calc(120px + 90px) calc(50% - 25px - (1px * -75) + 250px), calc(100px + 90px) calc(50% - 35px - (1px * -75) + 250px), calc(-100px + 90px) calc(-297px - (1px * -75) + 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 * 425)), calc(-70px + 90px) calc(50% - 5px - (1px * 425)), calc(120px + 90px) calc(50% - 25px - (1px * 425)), calc(100px + 90px) calc(50% - 35px - (1px * 425)), calc(-100px + 90px) calc(-297px - (1px * 425)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * 425)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * 425)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * 425)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * 425)), calc(50% - 190px + 90px) calc(50% - 20px - (1px * 425)), calc(50% + 10px + 90px) calc(50% - 20px - (1px * 425)), calc(50% - 105px + 90px) calc(50% + 35px - (1px * 425)), calc(50% - 105px + 90px) calc(50% + 50px - (1px * 425)), calc(50% - 105px + 90px) calc(50% - 215px - (1px * 425)), calc(50% - 105px + 90px) calc(50% - 200px - (1px * 425)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * 425)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * 425)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * 425)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * 425)), calc(50% - 190px + 90px) calc(50% + 227.5px - (1px * 425)), calc(50% + 10px + 90px) calc(50% + 227.5px - (1px * 425)), calc(-100px + 90px) calc(50% - 7.5px - (1px * 425) + 250px), calc(-70px + 90px) calc(50% - 5px - (1px * 425) + 250px), calc(120px + 90px) calc(50% - 25px - (1px * 425) + 250px), calc(100px + 90px) calc(50% - 35px - (1px * 425) + 250px), calc(-100px + 90px) calc(-297px - (1px * 425) + 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); } 45% { -webkit-animation-timing-function: linear; animation-timing-function: linear; 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 * -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), 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); } 45.001% { -webkit-animation-timing-function: linear; animation-timing-function: linear; 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); } 55% { -webkit-animation-timing-function: linear; animation-timing-function: linear; 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 * -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), 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); } 55.001% { -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-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); } 57% { -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-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 * -10)), calc(-70px + -10px) calc(50% - 5px - (1px * -10)), calc(120px + -10px) calc(50% - 25px - (1px * -10)), calc(100px + -10px) calc(50% - 35px - (1px * -10)), calc(-100px + -10px) calc(-297px - (1px * -10)), calc(50% - 190px + -10px) calc(50% - 180px - (1px * -10)), calc(50% + 10px + -10px) calc(50% - 180px - (1px * -10)), calc(50% + 10px + -10px) calc(50% - 180px - (1px * -10)), calc(50% - 190px + -10px) calc(50% - 180px - (1px * -10)), calc(50% - 190px + -10px) calc(50% - 20px - (1px * -10)), calc(50% + 10px + -10px) calc(50% - 20px - (1px * -10)), calc(50% - 105px + -10px) calc(50% + 35px - (1px * -10)), calc(50% - 105px + -10px) calc(50% + 50px - (1px * -10)), calc(50% - 105px + -10px) calc(50% - 215px - (1px * -10)), calc(50% - 105px + -10px) calc(50% - 200px - (1px * -10)), calc(50% - 190px + -10px) calc(50% + 70px - (1px * -10)), calc(50% + 10px + -10px) calc(50% + 70px - (1px * -10)), calc(50% + 10px + -10px) calc(50% + 70px - (1px * -10)), calc(50% - 190px + -10px) calc(50% + 70px - (1px * -10)), calc(50% - 190px + -10px) calc(50% + 227.5px - (1px * -10)), calc(50% + 10px + -10px) calc(50% + 227.5px - (1px * -10)), calc(-100px + -10px) calc(50% - 7.5px - (1px * -10) + 250px), calc(-70px + -10px) calc(50% - 5px - (1px * -10) + 250px), calc(120px + -10px) calc(50% - 25px - (1px * -10) + 250px), calc(100px + -10px) calc(50% - 35px - (1px * -10) + 250px), calc(-100px + -10px) calc(-297px - (1px * -10) + 250px), calc(-100px + 90px) calc(50% - 7.5px - (1px * -20)), calc(-70px + 90px) calc(50% - 5px - (1px * -20)), calc(120px + 90px) calc(50% - 25px - (1px * -20)), calc(100px + 90px) calc(50% - 35px - (1px * -20)), calc(-100px + 90px) calc(-297px - (1px * -20)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * -20)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * -20)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * -20)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * -20)), calc(50% - 190px + 90px) calc(50% - 20px - (1px * -20)), calc(50% + 10px + 90px) calc(50% - 20px - (1px * -20)), calc(50% - 105px + 90px) calc(50% + 35px - (1px * -20)), calc(50% - 105px + 90px) calc(50% + 50px - (1px * -20)), calc(50% - 105px + 90px) calc(50% - 215px - (1px * -20)), calc(50% - 105px + 90px) calc(50% - 200px - (1px * -20)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * -20)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * -20)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * -20)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * -20)), calc(50% - 190px + 90px) calc(50% + 227.5px - (1px * -20)), calc(50% + 10px + 90px) calc(50% + 227.5px - (1px * -20)), calc(-100px + 90px) calc(50% - 7.5px - (1px * -20) + 250px), calc(-70px + 90px) calc(50% - 5px - (1px * -20) + 250px), calc(120px + 90px) calc(50% - 25px - (1px * -20) + 250px), calc(100px + 90px) calc(50% - 35px - (1px * -20) + 250px), calc(-100px + 90px) calc(-297px - (1px * -20) + 250px), calc(-100px + 190px) calc(50% - 7.5px - (1px * -10)), calc(-70px + 190px) calc(50% - 5px - (1px * -10)), calc(120px + 190px) calc(50% - 25px - (1px * -10)), calc(100px + 190px) calc(50% - 35px - (1px * -10)), calc(-100px + 190px) calc(-297px - (1px * -10)), calc(50% - 190px + 190px) calc(50% - 180px - (1px * -10)), calc(50% + 10px + 190px) calc(50% - 180px - (1px * -10)), calc(50% + 10px + 190px) calc(50% - 180px - (1px * -10)), calc(50% - 190px + 190px) calc(50% - 180px - (1px * -10)), calc(50% - 190px + 190px) calc(50% - 20px - (1px * -10)), calc(50% + 10px + 190px) calc(50% - 20px - (1px * -10)), calc(50% - 105px + 190px) calc(50% + 35px - (1px * -10)), calc(50% - 105px + 190px) calc(50% + 50px - (1px * -10)), calc(50% - 105px + 190px) calc(50% - 215px - (1px * -10)), calc(50% - 105px + 190px) calc(50% - 200px - (1px * -10)), calc(50% - 190px + 190px) calc(50% + 70px - (1px * -10)), calc(50% + 10px + 190px) calc(50% + 70px - (1px * -10)), calc(50% + 10px + 190px) calc(50% + 70px - (1px * -10)), calc(50% - 190px + 190px) calc(50% + 70px - (1px * -10)), calc(50% - 190px + 190px) calc(50% + 227.5px - (1px * -10)), calc(50% + 10px + 190px) calc(50% + 227.5px - (1px * -10)), calc(-100px + 190px) calc(50% - 7.5px - (1px * -10) + 250px), calc(-70px + 190px) calc(50% - 5px - (1px * -10) + 250px), calc(120px + 190px) calc(50% - 25px - (1px * -10) + 250px), calc(100px + 190px) calc(50% - 35px - (1px * -10) + 250px), calc(-100px + 190px) calc(-297px - (1px * -10) + 250px), calc(-100px + -10px) calc(50% - 7.5px - (1px * 490)), calc(-70px + -10px) calc(50% - 5px - (1px * 490)), calc(120px + -10px) calc(50% - 25px - (1px * 490)), calc(100px + -10px) calc(50% - 35px - (1px * 490)), calc(-100px + -10px) calc(-297px - (1px * 490)), calc(50% - 190px + -10px) calc(50% - 180px - (1px * 490)), calc(50% + 10px + -10px) calc(50% - 180px - (1px * 490)), calc(50% + 10px + -10px) calc(50% - 180px - (1px * 490)), calc(50% - 190px + -10px) calc(50% - 180px - (1px * 490)), calc(50% - 190px + -10px) calc(50% - 20px - (1px * 490)), calc(50% + 10px + -10px) calc(50% - 20px - (1px * 490)), calc(50% - 105px + -10px) calc(50% + 35px - (1px * 490)), calc(50% - 105px + -10px) calc(50% + 50px - (1px * 490)), calc(50% - 105px + -10px) calc(50% - 215px - (1px * 490)), calc(50% - 105px + -10px) calc(50% - 200px - (1px * 490)), calc(50% - 190px + -10px) calc(50% + 70px - (1px * 490)), calc(50% + 10px + -10px) calc(50% + 70px - (1px * 490)), calc(50% + 10px + -10px) calc(50% + 70px - (1px * 490)), calc(50% - 190px + -10px) calc(50% + 70px - (1px * 490)), calc(50% - 190px + -10px) calc(50% + 227.5px - (1px * 490)), calc(50% + 10px + -10px) calc(50% + 227.5px - (1px * 490)), calc(-100px + -10px) calc(50% - 7.5px - (1px * 490) + 250px), calc(-70px + -10px) calc(50% - 5px - (1px * 490) + 250px), calc(120px + -10px) calc(50% - 25px - (1px * 490) + 250px), calc(100px + -10px) calc(50% - 35px - (1px * 490) + 250px), calc(-100px + -10px) calc(-297px - (1px * 490) + 250px), calc(-100px + 90px) calc(50% - 7.5px - (1px * 480)), calc(-70px + 90px) calc(50% - 5px - (1px * 480)), calc(120px + 90px) calc(50% - 25px - (1px * 480)), calc(100px + 90px) calc(50% - 35px - (1px * 480)), calc(-100px + 90px) calc(-297px - (1px * 480)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * 480)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * 480)), calc(50% + 10px + 90px) calc(50% - 180px - (1px * 480)), calc(50% - 190px + 90px) calc(50% - 180px - (1px * 480)), calc(50% - 190px + 90px) calc(50% - 20px - (1px * 480)), calc(50% + 10px + 90px) calc(50% - 20px - (1px * 480)), calc(50% - 105px + 90px) calc(50% + 35px - (1px * 480)), calc(50% - 105px + 90px) calc(50% + 50px - (1px * 480)), calc(50% - 105px + 90px) calc(50% - 215px - (1px * 480)), calc(50% - 105px + 90px) calc(50% - 200px - (1px * 480)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * 480)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * 480)), calc(50% + 10px + 90px) calc(50% + 70px - (1px * 480)), calc(50% - 190px + 90px) calc(50% + 70px - (1px * 480)), calc(50% - 190px + 90px) calc(50% + 227.5px - (1px * 480)), calc(50% + 10px + 90px) calc(50% + 227.5px - (1px * 480)), calc(-100px + 90px) calc(50% - 7.5px - (1px * 480) + 250px), calc(-70px + 90px) calc(50% - 5px - (1px * 480) + 250px), calc(120px + 90px) calc(50% - 25px - (1px * 480) + 250px), calc(100px + 90px) calc(50% - 35px - (1px * 480) + 250px), calc(-100px + 90px) calc(-297px - (1px * 480) + 250px), calc(-100px + 190px) calc(50% - 7.5px - (1px * 490)), calc(-70px + 190px) calc(50% - 5px - (1px * 490)), calc(120px + 190px) calc(50% - 25px - (1px * 490)), calc(100px + 190px) calc(50% - 35px - (1px * 490)), calc(-100px + 190px) calc(-297px - (1px * 490)), calc(50% - 190px + 190px) calc(50% - 180px - (1px * 490)), calc(50% + 10px + 190px) calc(50% - 180px - (1px * 490)), calc(50% + 10px + 190px) calc(50% - 180px - (1px * 490)), calc(50% - 190px + 190px) calc(50% - 180px - (1px * 490)), calc(50% - 190px + 190px) calc(50% - 20px - (1px * 490)), calc(50% + 10px + 190px) calc(50% - 20px - (1px * 490)), calc(50% - 105px + 190px) calc(50% + 35px - (1px * 490)), calc(50% - 105px + 190px) calc(50% + 50px - (1px * 490)), calc(50% - 105px + 190px) calc(50% - 215px - (1px * 490)), calc(50% - 105px + 190px) calc(50% - 200px - (1px * 490)), calc(50% - 190px + 190px) calc(50% + 70px - (1px * 490)), calc(50% + 10px + 190px) calc(50% + 70px - (1px * 490)), calc(50% + 10px + 190px) calc(50% + 70px - (1px * 490)), calc(50% - 190px + 190px) calc(50% + 70px - (1px * 490)), calc(50% - 190px + 190px) calc(50% + 227.5px - (1px * 490)), calc(50% + 10px + 190px) calc(50% + 227.5px - (1px * 490)), calc(-100px + 190px) calc(50% - 7.5px - (1px * 490) + 250px), calc(-70px + 190px) calc(50% - 5px - (1px * 490) + 250px), calc(120px + 190px) calc(50% - 25px - (1px * 490) + 250px), calc(100px + 190px) calc(50% - 35px - (1px * 490) + 250px), calc(-100px + 190px) calc(-297px - (1px * 490) + 250px); } 60% { -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-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)), .........完整代码请登录后点击上方下载按钮下载查看
网友评论0