纯css实现烟雾动画效果
代码语言：html
所属分类：动画
代码描述：纯css实现烟雾动画效果
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap'>
<style>
body {
background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
height: 100vh;
overflow: hidden;
display: -webkit-box;
display: flex;
font-family: 'Permanent Marker', cursive;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
-webkit-perspective: 600px;
perspective: 600px;
}
div {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.title {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
font-size: 3rem;
mix-blend-mode: difference;
color: #f5c864;
}
.title::before {
content: 'smokey';
position: absolute;
}
.camera.-y {
-webkit-animation: rotateY 10s linear infinite;
animation: rotateY 10s linear infinite;
}
.box {
position: relative;
width: 250px;
height: 450px;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
.shooting {
position: absolute;
width: 5px;
height: 50%;
-webkit-animation: shoot 9s linear infinite;
animation: shoot 9s linear infinite;
}
.graphic {
position: absolute;
width: 100%;
height: 100%;
border-radius: 99px;
background: #fff;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(140, 150, 200, 0)), to(#28e6fa));
background: linear-gradient(0deg, rgba(140, 150, 200, 0), #28e6fa);
-webkit-filter: blur(10px) contrast(99);
filter: blur(10px) contrast(99);
}
.depth {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.depth:nth-child(1) {
-webkit-transform: rotateY(150deg) translateZ(-97px);
transform: rotateY(150deg) translateZ(-97px);
}
.depth:nth-child(1) .shooting {
left: 32%;
-webkit-animation-delay: -8361ms;
animation-delay: -8361ms;
}
.depth:nth-child(2) {
-webkit-transform: rotateY(268deg) translateZ(16px);
transform: rotateY(268deg) translateZ(16px);
}
.depth:nth-child(2) .shooting {
left: 65%;
-webkit-animation-delay: -4069ms;
animation-delay: -4069ms;
}
.depth:nth-child(3) {
-webkit-transform: rotateY(275deg) translateZ(-65px);
transform: rotateY(275deg) translateZ(-65px);
}
.depth:nth-child(3) .shooting {
left: 43%;
-webkit-animation-delay: -8541ms;
animation-delay: -8541ms;
}
.depth:nth-child(4) {
-webkit-transform: rotateY(12deg) translateZ(-54px);
transform: rotateY(12deg) translateZ(-54px);
}
.depth:nth-child(4) .shooting {
left: 46%;
-webkit-animation-delay: -2950ms;
animation-delay: -2950ms;
}
.depth:nth-child(5) {
-webkit-transform: rotateY(357deg) translateZ(41px);
transform: rotateY(357deg) translateZ(41px);
}
.depth:nth-child(5) .shooting {
left: 34%;
-webkit-animation-delay: -2819ms;
animation-delay: -2819ms;
}
.depth:nth-child(6) {
-webkit-transform: rotateY(97deg) translateZ(-82px);
transform: rotateY(97deg) translateZ(-82px);
}
.depth:nth-child(6) .shooting {
left: 60%;
-webkit-animation-delay: -6343ms;
animation-delay: -6343ms;
}
.depth:nth-child(7) {
-webkit-transform: rotateY(318deg) translateZ(-89px);
transform: rotateY(318deg) translateZ(-89px);
}
.depth:nth-child(7) .shooting {
left: 67%;
-webkit-animation-delay: -9946ms;
animation-delay: -9946ms;
}
.depth:nth-child(8) {
-webkit-transform: rotateY(328deg) translateZ(48px);
transform: rotateY(328deg) translateZ(48px);
}
.depth:nth-child(8) .shooting {
left: 66%;
-webkit-animation-delay: -3306ms;
animation-delay: -3306ms;
}
.depth:nth-child(9) {
-webkit-transform: rotateY(129deg) translateZ(36px);
transform: rotateY(129deg) translateZ(36px);
}
.depth:nth-child(9) .shooting {
left: 59%;
-webkit-animation-delay: -5646ms;
animation-delay: -5646ms;
}
.depth:nth-child(10) {
-webkit-transform: rotateY(175deg) translateZ(62px);
transform: rotateY(175deg) translateZ(62px);
}
.depth:nth-child(10) .shooting {
left: 33%;
-webkit-animation-delay: -3879ms;
animation-delay: -3879ms;
}
.depth:nth-child(11) {
-webkit-transform: rotateY(117deg) translateZ(43px);
transform: rotateY(117deg) translateZ(43px);
}
.depth:nth-child(11) .shooting {
left: 61%;
-webkit-animation-delay: -6959ms;
animation-delay: -6959ms;
}
.depth:nth-child(12) {
-webkit-transform: rotateY(23deg) translateZ(-34px);
transform: rotateY(23deg) translateZ(-34px);
}
.depth:nth-child(12) .shooting {
left: 52%;
-webkit-animation-delay: -7965ms;
animation-delay: -7965ms;
}
.depth:nth-child(13) {
-webkit-transform: rotateY(176deg) translateZ(-37px);
transform: rotateY(176deg) translateZ(-37px);
}
.depth:nth-child(13) .shooting {
left: 69%;
-webkit-animation-delay: -3107ms;
animation-delay: -3107ms;
}
.depth:nth-child(14) {
-webkit-transform: rotateY(207deg) translateZ(7px);
transform: rotateY(207deg) translateZ(7px);
}
.depth:nth-child(14) .shooting {
left: 54%;
-webkit-animation-delay: -6092ms;
animation-delay: -6092ms;
}
.depth:nth-child(15) {
-webkit-transform: rotateY(230deg) translateZ(-74px);
transform: rotateY(230deg) translateZ(-74px);
}
.depth:nth-child(15) .shooting {
left: 33%;
-webkit-animation-delay: -9752ms;
animation-delay: -9752ms;
}
.depth:nth-child(16) {
-webkit-transform: rotateY(78deg) translateZ(7px);
transform: rotateY(78deg) translateZ(7px);
}
.depth:nth-child(16) .shooting {
left: 37%;
-webkit-animation-delay: -749ms;
animation-delay: -749ms;
}
.depth:nth-child(17) {
-webkit-transform: rotateY(120deg) translateZ(65px);
transform: rotateY(120deg) translateZ(65px);
}
.depth:nth-child(17) .shooting {
left: 42%;
-webkit-animation-delay: -4089ms;
animation-delay: -4089ms;
}
.depth:nth-child(18) {
-webkit-transform: rotateY(205deg) translateZ(71px);
transform: rotateY(205deg) translateZ(71px);
}
.depth:nth-child(18) .shooting {
left: 50%;
-webkit-animation-delay: -623ms;
animation-delay: -623ms;
}
.depth:nth-child(19) {
-webkit-transform: rotateY(8deg) translateZ(-86px);
transform: rotateY(8deg) translateZ(-86px);
}
.depth:nth-child(19) .shooting {
left: 54%;
-webkit-animation-delay: -668ms;
animation-delay: -668ms;
}
.depth:nth-child(20) {
-webkit-transform: rotateY(302deg) translateZ(6px);
transform: rotateY(302deg) translateZ(6px);
}
.depth:nth-child(20) .shooting {
left: 44%;
-webkit-animation-delay: -2293ms;
animation-delay: -2293ms;
}
.depth:nth-child(21) {
-webkit-transform: rotateY(248deg) translateZ(-31px);
transform: rotateY(248deg) translateZ(-31px);
}
.depth:nth-child(21) .shooting {
left: 59%;
-webkit-animation-delay: -3455ms;
animation-delay: -3455ms;
}
.depth:nth-child(22) {
-webkit-transform: rotateY(199deg) translateZ(-45px);
transform: rotateY(199deg) translateZ(-45px);
}
.depth:nth-child(22) .shooting {
left: 57%;
-webkit-animation-delay: -7945ms;
animation-delay: -7945ms;
}
.depth:nth-child(23) {
-webkit-transform: rotateY(118deg) translateZ(89px);
transform: rotateY(118deg) translateZ(89px);
}
.depth:nth-child(23) .shooting {
left: 33%;
-webkit-animation-delay: -8204ms;
animation-delay: -8204ms;
}
.depth:nth-child(24) {
-webkit-transform: rotateY(136deg) translateZ(33px);
transform: rotateY(136deg) translateZ(33px);
}
.depth:nth-child(24) .shooting {
left: 31%;
-webkit-animation-delay: -1818ms;
animation-delay: -1818ms;
}
.depth:nth-child(25) {
-webkit-transform: rotateY(109deg) translateZ(-63px);
transform: rotateY(109deg) translateZ(-63px);
}
.depth:nth-child(25) .shooting {
left: 64%;
-webkit-animation-delay: -3503ms;
animation-delay: -3503ms;
}
.depth:nth-child(26) {
-webkit-transform: rotateY(50deg) translateZ(-3px);
transform: rotateY(50deg) translateZ(-3px);
}
.depth:nth-child(26) .shooting {
left: 69%;
-webkit-animation-delay: -275ms;
animation-delay: -275ms;
}
.depth:nth-child(27) {
-webkit-transform: rotateY(184deg) translateZ(-90px);
transform: rotateY(184deg) translateZ(-90px);
}
.depth:nth-child(27) .shooting {
left: 46%;
-webkit-animation-delay: -721ms;
animation-delay: -721ms;
}
.depth:nth-child(28) {
-webkit-transform: rotateY(1deg) translateZ(14px);
transform: rotateY(1deg) translateZ(14px);
}
.depth:nth-child(28) .shooting {
left: 35%;
-webkit-animation-delay: -5982ms;
animation-delay: -5982ms;
}
.depth:nth-child(29) {
-webkit-transform: rotateY(212deg) translateZ(12px);
transform: rotateY(212deg) translateZ(12px);
}
.depth:nth-child(29) .shooting {
left: 65%;
-webkit-animation-delay: -5507ms;
animation-delay: -5507ms;
}
.depth:nth-child(30) {
-webkit-transform: rotateY(41deg) translateZ(-31px);
transform: rotateY(41deg) translateZ(-31px);
}
.depth:nth-child(30) .shooting {
left: 54%;
-webkit-animation-delay: -3645ms;
animation-delay: -3645ms;
}
.depth:nth-child(31) {
-webkit-transform: rotateY(31deg) translateZ(-81px);
transform: rotateY(31deg) translateZ(-81px);
}
.depth:nth-child(31) .shooting {
left: 40%;
-webkit-animation-delay: -6020ms;
animation-delay: -6020ms;
}
.depth:nth-child(32) {
-webkit-transform: rotateY(261deg) translateZ(-10px);
transform: rotateY(261deg) translateZ(-10px);
}
.depth:nth-child(32) .shooting {
left: 49%;
-webkit-animation-delay: -9061ms;
animation-delay: -9061ms;
}
.depth:nth-child(33) {
-webkit-transform: rotateY(357deg) translateZ(24px);
transform: rotateY(357deg) translateZ(24px);
}
.depth:nth-child(33) .shooting {
left: 41%;
-webkit-animation-delay: -2285ms;
animation-delay: -2285ms;
}
.depth:nth-child(34) {
-webkit-transform: rotateY(27deg) translateZ(-70px);
transform: rotateY(27deg) translateZ(-70px);
}
.depth:nth-child(34) .shooting {
left: 40%;
-webkit-animation-delay: -8912ms;
animation-delay: -8912ms;
}
.depth:nth-child(35) {
-webkit-transform: rotateY(282deg) translateZ(37px);
transform: rotateY(282deg) translateZ(37px);
}
.depth:nth-child(35) .shooting {
left: 33%;
-webkit-animation-delay: -9941ms;
animation-delay: -9941ms;
}
.depth:nth-child(36) {
-webkit-transform: rotateY(313deg) translateZ(-69px);
transform: rotateY(313deg) translateZ(-69px);
}
.depth:nth-child(36) .shooting {
left: 46%;
-webkit-animation-delay: -5700ms;
animation-delay: -5700ms;
}
.depth:nth-child(37) {
-webkit-transform: rotateY(306deg) translateZ(57px);
transform: rotateY(306deg) translateZ(57px);
}
.depth:nth-child(37) .shooting {
left: 52%;
-webkit-animation-delay: -5699ms;
animation-delay: -5699ms;
}
.depth:nth-child(38) {
-webkit-transform: rotateY(266deg) translateZ(29px);
transform: rotateY(266deg) translateZ(29px);
}
.depth:nth-child(38) .shooting {
left: 33%;
-webkit-animation-delay: -7988ms;
animation-delay: -7988ms;
}
.depth:nth-child(39) {
-webkit-transform: rotateY(54deg) translateZ(-18px);
transform: rotateY(54deg) translateZ(-18px);
}
.depth:nth-child(39) .shooting {
left: 37%;
-webkit-animation-delay: -5444ms;
animation-delay: -5444ms;
}
.depth:nth-child(40) {
-webkit-transform: rotateY(195deg) translateZ(-78px);
transform: rotateY(195deg) translateZ(-78px);
}
.depth:nth-child(40) .shooting {
left: 35%;
-webkit-animation-delay: -1968ms;
animation-delay: -1968ms;
}
.depth:nth-child(41) {
-webkit-transform: rotateY(145deg) translateZ(57px);
transform: rotateY(145deg) translateZ(57px);
}
.depth:nth-child(41) .shooting {
left: 53%;
-webkit-animation-delay: -8657ms;
animation-delay: -8657ms;
}
.depth:nth-child(42) {
-webkit-transform: rotateY(345deg) translateZ(87px);
transform: rotateY(345deg) translateZ(87px);
}
.depth:nth-child(42) .shooting {
left: 52%;
-webkit-animation-delay: -6781ms;
animation-delay: -6781ms;
}
.depth:nth-child(43) {
-webkit-transform: rotateY(358deg) translateZ(-94px);
transform: rotateY(358deg) translateZ(-94px);
}
.depth:nth-child(43) .shooting {
left: 40%;
-webkit-animation-delay: -6937ms;
animation-delay: -6937ms;
}
.depth:nth-child(44) {
-webkit-transform: rotateY(348deg) translateZ(-92px);
transform: rotateY(348deg) translateZ(-92px);
}
.depth:nth-child(44) .shooting {
left: 42%;
-webkit-animation-delay: -2599ms;
animation-delay: -2599ms;
}
.depth:nth-child(45) {
-webkit-transform: rotateY(10deg) translateZ(-78px);
transform: rotateY(10deg) translateZ(-78px);
}
.depth:nth-child(45) .shooting {
left: 55%;
-webkit-animation-delay: -8148ms;
animation-delay: -8148ms;
}
.depth:nth-child(46) {
-webkit-transform: rotateY(144deg) translateZ(12px);
transform: rotateY(144deg) translateZ(12px);
}
.depth:nth-child(46) .shooting {
left: 56%;
-webkit-animation-delay: -8099ms;
animation-delay: -8099ms;
}
.depth:nth-child(47) {
-webkit-transform: rotateY(91deg) translateZ(21px);
transform: rotateY(91deg) translateZ(21px);
}
.depth:nth-child(47) .shooting {
left: 69%;
-webkit-animation-delay: -4710ms;
animation-delay: -4710ms;
}
.depth:nth-child(48) {
-webkit-transform: rotateY(3deg) translateZ(-32px);
transform: rotateY(3deg) translateZ(-32px);
}
.depth:nth-child(48) .shooting {
left: 34%;
-webkit-animation-delay: -1827ms;
animation-delay: -1827ms;
}
.depth:nth-child(49) {
-webkit-transform: rotateY(349deg) translateZ(47px);
transform: rotateY(349deg) translateZ(47px);
}
.depth:nth-child(49) .shooting {
left: 37%;
-webkit-animation-delay: -1744ms;
animation-delay: -1744ms;
}
.depth:nth-child(50) {
-webkit-transform: rotateY(96deg) translateZ(88px);
transform: rotateY(96deg) translateZ(88px);
}
.depth:nth-child(50) .shooting {
left: 37%;
-webkit-animation-delay: -7503ms;
animation-delay: -7503ms;
}
.depth:nth-child(51) {
-webkit-transform: rotateY(201deg) translateZ(35px);
transform: rotateY(201deg) translateZ(35px);
}
.depth:nth-child(51) .shooting {
left: 39%;
-webkit-animation-delay: -9630ms;
animation-delay: -9630ms;
}
.depth:nth-child(52) {
-webkit-transform: rotateY(349deg) translateZ(74px);
transform: rotateY(349deg) translateZ(74px);
}
.depth:nth-child(52) .shooting {
left: 68%;
-webkit-animation-delay: -8337ms;
animation-delay: -8337ms;
}
.depth:nth-child(53) {
-webkit-transform: rotateY(20deg) translateZ(-9px);
transform: rotateY(20deg) translateZ(-9px);
}
.depth:nth-child(53) .shooting {
left: 52%;
-webkit-animation-delay: -3001ms;
animation-delay: -3001ms;
}
.depth:nth-child(54) {
-webkit-transform: rotateY(212deg) translateZ(-83px);
transform: rotateY(212deg) translateZ(-83px);
}
.depth:nth-child(54) .shooting {
left: 42%;
-webkit-animation-delay: -9009ms;
animation-delay: -9009ms;
}
.depth:nth-child(55) {
-webkit-transform: rotateY(22deg) translateZ(3px);
transform: rotateY(22deg) translateZ(3px);
}
.depth:nth-child(55) .shooting {
left: 42%;
-webkit-animation-delay: -9367ms;
animation-delay: -9367ms;
}
.depth:nth-child(56) {
-webkit-transform: rotateY(298deg) translateZ(58px);
transform: rotateY(298deg) translateZ(58px);
}
.depth:nth-child(56) .shooting {
left: 47%;
-webkit-animation-delay: -1676ms;
animation-delay: -1676ms;
}
.depth:nth-child(57) {
-webkit-transform: rotateY(286deg) translateZ(30px);
transform: rotateY(286deg) translateZ(30px);
}
.depth:nth-child(57) .shooting {
left: 46%;
-webkit-animation-delay: -9194ms;
animation-delay: -9194ms;
}
.depth:nth-child(58) {
-webkit-transform: rotateY(115deg) translateZ(-63px);
transform: rotateY(115deg) translateZ(-63px);
}
.depth:nth-child(58) .shooting {
left: 58%;
-webkit-animation-delay: -7447ms;
animation-delay: -7447ms;
}
.depth:nth-child(59) {
-webkit-transform: rotateY(91deg) translateZ(91px);
transform: rotateY(91deg) translateZ(91px);
}
.depth:nth-child(59) .shooting {
left: 35%;
-webkit-animation-delay: -4677ms;
animation-delay: -4677ms;
}
.depth:nth-child(60) {
-webkit-transform: rotateY(51deg) translateZ(21px);
transform: rotateY(51deg) translateZ(21px);
}
.depth:nth-child(60) .shooting {
left: 36%;
-webkit-animation-delay: -7728ms;
animation-delay: -7728ms;
}
.depth:nth-child(61) {
-webkit-transform: rotateY(141deg) translateZ(-27px);
transform: rotateY(141deg) translateZ(-27px);
}
.depth:nth-child(61) .shooting {
left: 52%;
-webkit-animation-delay: -54ms;
animation-delay: -54ms;
}
.depth:nth-child(62) {
-webkit-transform: rotateY(190deg) translateZ(-38px);
transform: rotateY(190deg) translateZ(-38px);
}
.depth:nth-child(62) .shooting {
left: 34%;
-webkit-animation-delay: -8455ms;
animation-delay: -8455ms;
}
.depth:nth-child(63) {
-webkit-transform: rotateY(107deg) translateZ(86px);
transform: rotateY(107deg) translateZ(86px);
}
.depth:nth-child(63) .shooting {
left: 63%;
-webkit-animation-delay: -9493ms;
animation-delay: -9493ms;
}
.depth:nth-child(64) {
-webkit-transform: rotateY(203deg) translateZ(90px);
transform: rotateY(203deg) translateZ(90px);
}
.depth:nth-child(64) .shooting {
left: 36%;
-webkit-animation-delay: -5446ms;
animation-delay: -5446ms;
}
.depth:nth-child(65) {
-webkit-transform: rotateY(23deg) translateZ(-66px);
transform: rotateY(23deg) translateZ(-66px);
}
.depth:nth-child(65) .shooting {
left: 64%;
-webkit-animation-delay: -4399ms;
animation-delay: -4399ms;
}
.depth:nth-child(66) {
-webkit-transform: rotateY(31deg) translateZ(-56px);
transform: rotateY(31deg) translateZ(-56px);
}
.depth:nth-child(66) .shooting {
left: 34%;
-webkit-animation-delay: -7076ms;
animation-delay: -7076ms;
}
.depth:nth-child(67) {
-webkit-transform: rotateY(42deg) translateZ(-99px);
transform: rotateY(42deg) translateZ(-99px);
}
.depth:nth-child(67) .shooting {
left: 37%;
-webkit-animation-delay: -1462ms;
animation-delay: -1462ms;
}
.depth:nth-child(68) {
-webkit-transform: rotateY(194deg) translateZ(-56px);
transform: rotateY(194deg) translateZ(-56px);
}
.depth:nth-child(68) .shooting {
left: 54%;
-webkit-animation-delay: -1254ms;
animation-delay: -1254ms;
}
.depth:nth-child(69) {
-webkit-transform: rotateY(202deg) translateZ(-24px);
transform: rotateY(202deg) translateZ(-24px);
}
.depth:nth-child(69) .shooting {
left: 62%;
-webkit-animation-delay: -9965ms;
animation-delay: -9965ms;
}
.depth:nth-child(70) {
-webkit-transform: rotateY(142deg) translateZ(55px);
transform: rotateY(142deg) translateZ(55px);
}
.depth:nth-child(70) .shooting {
left: 64%;
-webkit-animation-delay: -7776ms;
animation-delay: -7776ms;
}
.depth:nth-child(71) {
-webkit-transform: rotateY(147deg) translateZ(-30px);
transform: rotateY(147deg) translateZ(-30px);
}
.depth:nth-child(71) .shooting {
left: 49%;
-webkit-animation-delay: -264ms;
animation-delay: -264ms;
}
.depth:nth-child(72) {
-webkit-transform: rotateY(270deg) translateZ(-32px);
transform: rotateY(270deg) translateZ(-32px);
}
.depth:nth-child(72) .shooting {
left: 61%;
-webkit-animation-delay: -8822ms;
animation-delay: -8822ms;
}
.depth:nth-child(73) {
-webkit-transform: rotateY(307deg) translateZ(41px);
transform: rotateY(307deg) translateZ(41px);
}
.depth:nth-child(73) .shooting {
left: 61%;
-webkit-animation-delay: -2690ms;
animation-delay: -2690ms;
}
.depth:nth-child(74) {
-webkit-transform: rotateY(228deg) translateZ(-14px);
transform: rotateY(228deg) translateZ(-14px);
}
.depth:nth-child(74) .shooting {
left: 39%;
-webkit-animation-delay: -6929ms;
animation-delay: -6929ms;
}
.depth:nth-child(75) {
-webkit-transform: rotateY(287deg) translateZ(76px);
transform: rotateY(287deg) translateZ(76px);
}
.depth:nth-child(75) .shooting {
left: 54%;
-webkit-animation-delay: -9812ms;
animation-delay: -9812ms;
}
.depth:nth-child(76) {
-webkit-transform: rotateY(172deg) translateZ(52px);
transform: rotateY(172deg) translateZ(52px);
}
.depth:nth-child(76) .shooting {
left: 56%;
-webkit-animation-delay: -4626ms;
animation-delay: -4626ms;
}
.depth:nth-child(77) {
-webkit-transform: rotateY(304deg) translateZ(62px);
transform: rotateY(304deg) translateZ(62px);
}
.depth:nth-child(77) .shooting {
left: 34%;
-webkit-animation-delay: -5038ms;
animation-delay: -5038ms;
}
.depth:nth-child(78) {
-webkit-transform: rotateY(72deg) translateZ(-75px);
transform: rotateY(72deg) translateZ(-75px);
}
.depth:nth-child(78) .shooting {
left: 40%;
-webkit-animation-delay: -5936ms;
animation-delay: -5936ms;
}
.depth:nth-child(79) {
-webkit-transform: rotateY(53deg) translateZ(-8px);
transform: rotateY(53deg) translateZ(-8px);
}
.depth:nth-child(79) .shooting {
left: 56%;
-webkit-animation-delay: -2199ms;
animation-delay: -2199ms;
}
.depth:nth-child(80) {
-webkit-transform: rotateY(151deg) translateZ(51px);
transform: rotateY(151deg) translateZ(51px);
}
.depth:nth-child(80) .shooting {
left: 65%;
-webkit-animation-delay: -4128ms;
animation-delay: -4128ms;
}
.depth:nth-child(81) {
-webkit-transform: rotateY(344deg) translateZ(52px);
transform: rotateY(344deg) translateZ(52px);
}
.depth:nth-child(81) .shooting {
left: 31%;
-webkit-animation-delay: -6550ms;
animation-delay: -6550ms;
}
.depth:nth-child(82) {
-webkit-transform: rotateY(360deg) translateZ(96px);
transform: rotateY(360deg) translateZ(96px);
}
.depth:nth-child(82) .shooting {
left: 53%;
-webkit-animation-delay: -6451ms;
animation-delay: -6451ms;
}
.depth:nth-child(83) {
-webkit-transform: rotateY(211deg) translateZ(-32px);
transform: rotateY(211deg) translateZ(-32px);
}
.depth:nth-child(83) .shooting {
left: 69%;
-webkit-animation-delay: -1267ms;
animation-delay: -1267ms;
}
.depth:nth-child(84) {
-webkit-transform: rotateY(304deg) translateZ(1px);
transform: rotateY(304deg) translateZ(1px);
}
.depth:nth-child(84) .shooting {
left: 70%;
-webkit-animation-delay: -7501ms;
animation-delay: -7501ms;
}
.depth:nth-child(85) {
-webkit-transform: rotateY(183deg) translateZ(-36px);
transform: rotateY(183deg) translateZ(-36px);
}
.depth:nth-child(85) .shooting {
left: 67%;
-webkit-animation-delay: -5456ms;
animation-delay: -5456ms;
}
.depth:nth-child(86) {
-webkit-transform: rotateY(162deg) translateZ(-75px);
transform: rotateY(162deg) translateZ(-75px);
}
.depth:nth-child(86) .shooting {
left: 40%;
-webkit-animation-delay: -9074ms;
animation-delay: -9074ms;
}
.depth:nth-child(87) {
-webkit-transform: rotateY(204deg) translateZ(-55px);
transform: rotateY(204deg) translateZ(-55px);
}
.depth:nth-child(87) .shooting {
left: 67%;
-webkit-animation-delay: -2955ms;
animation-delay: -2955ms;
}
.depth:nth-child(88) {
-webkit-transform: rotateY(234deg) translateZ(-75px);
transform: rotateY(234deg) translateZ(-75px);
}
.depth:nth-child(88) .shooting {
left: 59%;
-webkit-animation-delay: -3243ms;
animation-delay: -3243ms;
}
.depth:nth-child(89) {
-webkit-transform: rotateY(130deg) translateZ(16px);
transform: rotateY(130deg) translateZ(16px);
}
.depth:nth-child(89) .shooting {
left: 38%;
-webkit-animation-delay: -807ms;
animation-delay: -807ms;
}
.depth:nth-child(90) {
-webkit-transform: rotateY(252deg) translateZ(76px);
transform: rotateY(252deg) translateZ(76px);
}
.depth:nth-child(90) .shooting {
left: 33%;
-webkit-animation-delay: -7583ms;
animation-delay: -7583ms;
}
.depth:nth-child(91) {
-webkit-transform: rotateY(117deg) translateZ(54px);
transform: rotateY(117deg) translateZ(54px);
}
.depth:nth-child(91) .shooting {
left: 31%;
-webkit-animation-delay: -8283ms;
animation-delay: -8283ms;
}
.depth:nth-child(92) {
-webkit-transform: rotateY(274deg) translateZ(60px);
transform: rotateY(274deg) translateZ(60px);
}
.depth:nth-child(92) .shooting {
left: 62%;
-webkit-animation-delay: -1657ms;
animation-delay: -1657ms;
}
.depth:nth-child(93) {
-webkit-transform: rotateY(135deg) translateZ(-23px);
transform: rotateY(135deg) translateZ(-23px);
}
.depth:nth-child(93) .shooting {
left: 68%;
-webkit-animation-delay: -2840ms;
animation-delay: -2840ms;
}
.depth:nth-child(94) {
-webkit-transform: rotateY(44deg) translateZ(-17px);
transform: rotateY(44deg) translateZ(-17px);
}
.depth:nth-child(94) .shooting {
left: 62%;
-webkit-animation-delay: -5611ms;
animation-delay: -5611ms;
}
.depth:nth-child(95) {
-webkit-transform: rotateY(241deg) translateZ(-70px);
transform: rotateY(241deg) translateZ(-70px);
}
.depth:nth-child(95) .shooting {
left: 64%;
-webkit-animation-delay: -784ms;
animation-delay: -784ms;
}
.depth:nth-child(96) {
-webkit-transform: rotateY(40deg) translateZ(-3px);
transform: rotateY(40deg) translateZ(-3px);
}
.depth:nth-child(96) .shooting {
left: 34%;
-webkit-animation-delay: -6743ms;
animation-delay: -6743ms;
}
.depth:nth-child(97) {
-webkit-transform: rotateY(335deg) translateZ(89px);
transform: rotateY(335deg) translateZ(89px);
}
.depth:nth-child(97) .shooting {
left: 32%;
-webkit-animation-delay: -4863ms;
animation-delay: -4863ms;
}
.depth:nth-child(98) {
-webkit-transform: rotateY(336deg) translateZ(-77px);
transform: rotateY(336deg) translateZ(-77px);
}
.depth:nth-child(98) .shooting {
left: 46%;
-webkit-animation-delay: -2892ms;
animation-delay: -2892ms;
}
.depth:nth-child(99) {
-webkit-transform: rotateY(55deg) translateZ(-77px);
transform: rotateY(55deg) translateZ(-77px);
}
.depth:nth-child(99) .shooting {
left: 53%;
-webkit-animation-delay: -6946ms;
animation-delay: -6946ms;
}
.depth:nth-child(100) {
-webkit-transform: rotateY(31deg) translateZ(30px);
transform: rotateY(31deg) translateZ(30px);
}
.depth:nth-child(100) .shooting {
left: 58%;
-webkit-animation-delay: -8538ms;
animation-delay: -8538ms;
}
.depth:nth-child(101) {
-webkit-transform: rotateY(20deg) translateZ(42px);
transform: rotateY(20deg) translateZ(42px);
}
.depth:nth-child(101) .shooting {
left: 46%;
-webkit-animation-delay: -8816ms;
animation-delay: -8816ms;
}
.depth:nth-child(102) {
-webkit-transform: rotateY(82deg) translateZ(-82px);
transform: rotateY(82deg) translateZ(-82px);
}
.depth:nth-child(102) .shooting {
left: 69%;
-webkit-animation-delay: -8294ms;
animation-delay: -8294ms;
}
.depth:nth-child(103) {
-webkit-transform: rotateY(167deg) translateZ(93px);
transform: rotateY(167deg) translateZ(93px);
}
.depth:nth-child(103) .shooting {
left: 67%;
-webkit-animation-delay: -2365ms;
animation-delay: -2365ms;
}
.depth:nth-child(104) {
-webkit-transform: rotateY(300deg) translateZ(-35px);
transform: rotateY(300deg) translateZ(-35px);
}
.depth:nth-child(104) .shooting {
left: 35%;
-webkit-animation-delay: -9762ms;
animation-delay: -9762ms;
}
.depth:nth-child(105) {
-webkit-transform: rotateY(20deg) translateZ(-31px);
transform: rotateY(20deg) translateZ(-31px);
}
.depth:nth-child(105) .shooting {
left: 35%;
-webkit-animation-delay: -9064ms;
animation-delay: -9064ms;
}
.depth:nth-child(106) {
-webkit-transform: rotateY(358deg) translateZ(-30px);
transform: rotateY(358deg) translateZ(-30px);
}
.depth:nth-child(106) .shooting {
left: 44%;
-webkit-animation-delay: -8198ms;
animation-delay: -8198ms;
}
.depth:nth-child(107) {
-webkit-transform: rotateY(351deg) translateZ(97px);
transform: rotateY(351deg) translateZ(97px);
}
.depth:nth-child(107) .shooting {
left: 68%;
-webkit-animation-delay: -2684ms;
animation-delay: -2684ms;
}
.depth:nth-child(108) {
-webkit-transform: rotateY(163deg) translateZ(-99px);
transform: rotateY(163deg) translateZ(-99px);
}
.depth:nth-child(108) .shooting {
left: 64%;
-webkit-animation-delay: -489ms;
animation-delay: -489ms;
}
.depth:nth-child(109) {
-webkit-transform: rotateY(331deg) translateZ(-48px);
transform: rotateY(331deg) translateZ(-48px);
}
.depth:nth-child(109) .shooting {
left: 31%;
-webkit-animation-delay: -5815ms;
animation-delay: -5815ms;
}
.depth:nth-child(110) {
-webkit-transform: rotateY(2deg) translateZ(-11px);
transform: rotateY(2deg) translateZ(-11px);
}
.depth:nth-child(110) .shooting {
left: 49%;
-webkit-animation-delay: -5552ms;
animation-delay: -5552ms;
}
.depth:nth-child(111) {
-webkit-transform: rotateY(103deg) translateZ(-66px);
transform: rotateY(103deg) translateZ(-66px);
}
.depth:nth-child(111) .shooting {
left: 52%;
-webkit-animation-delay: -7474ms;
animation-delay: -7474ms;
}
.depth:nth-child(112) {
-webkit-transform: rotateY(177deg) translateZ(29px);
transform: rotateY(177deg) translateZ(29px);
}
.depth:nth-child(112) .shooting {
left: 40%;
-webkit-animation-delay: -7242ms;
animation-delay: -7242ms;
}
.depth:nth-child(113) {
-webkit-transform: rotateY(190deg) translateZ(-21px);
transform: rotateY(190deg) translateZ(-21px);
}
.depth:nth-child(113) .shooting {
left: 57%;
-webkit-animation-delay: -6148ms;
animation-delay: -6148ms;
}
.depth:nth-child(114) {
-webkit-transform: rotateY(88deg) translateZ(-51px);
transform: rotateY(88deg) translateZ(-51px);
}
.depth:nth-child(114) .shooting {
left: 51%;
-webkit-animation-delay: -1290ms;
animation-delay: -1290ms;
}
.depth:nth-child(115) {
-webkit-transform: rotateY(40deg) translateZ(-37px);
transform: rotateY(40deg) translateZ(-37px);
}
.depth:nth-child(115) .shooting {
left: 65%;
-webkit-animation-delay: -5239ms;
animation-delay: -5239ms;
}
.depth:nth-child(116) {
-webkit-transform: rotateY(205deg) translateZ(20px);
transform: rotateY(205deg) translateZ(20px);
}
.depth:nth-child(116) .shooting {
left: 41%;
-webkit-animation-delay: -9836ms;
animation-delay: -9836ms;
}
.depth:nth-child(117) {
-webkit-transform: rotateY(213deg) translateZ(-87px);
transform: rotateY(213deg) translateZ(-87px);
}
.depth:nth-child(117) .shooting {
left: 52%;
-webkit-animation-delay: -5614ms;
animation-delay: -5614ms;
}
.depth:nth-child(118) {
-webkit-transform: rotateY(170deg) translateZ(59px);
transform: rotateY(170deg) translateZ(59px);
}
.depth:nth-child(118) .shooting {
left: 38%;
-webkit-animation-delay: -8286ms;
animation-delay: -8286ms;
}
.depth:nth-child(119) {
-webkit-transform: rotateY(43deg) translateZ(22px);
transform: rotateY(43deg) translateZ(22px);
}
.depth:nth-child(119) .shooting {
left: 69%;
-webkit-animation-delay: -5300ms;
animation-delay: -5300ms;
}
.depth:nth-child(120) {
-webkit-transform: rotateY(344deg) translateZ(65px);
transform: rotateY(344deg) translateZ(65px);
}
.depth:nth-child(120) .shooting {
left: 55%;
-webkit-animation-delay: -6648ms;
animation-delay: -6648ms;
}
.depth:nth-child(121) {
-webkit-transform: rotateY(125deg) translateZ(30px);
transform: rotateY(125deg) translateZ(30px);
}
.depth:nth-child(121) .shooting {
left: 51%;
-webkit-animation-delay: -1161ms;
animation-delay: -1161ms;
}
.depth:nth-child(122) {
-webkit-transform: rotateY(325deg) translateZ(18px);
transform: rotateY(325deg) translateZ(18px);
}
.depth:nth-child(122) .shooting {
left: 41%;
-webkit-animation-delay: -1091ms;
animation-delay: -1091ms;
}
.depth:nth-child(123) {
-webkit-transform: rotateY(14deg) translateZ(-59px);
transform: rotateY(14deg) translateZ(-59px);
}
.depth:nth-child(123) .shooting {
left: 33%;
-webkit-animation-delay: -1695ms;
animation-delay: -1695ms;
}
.depth:nth-child(124) {
-webkit-transform: rotateY(100deg) translateZ(66px);
transform: rotateY(100deg) translateZ(66px);
}
.depth:nth-child(124) .shooting {
left: 33%;
-webkit-animation-delay: -4300ms;
animation-delay: -4300ms;
}
.depth:nth-child(125) {
-webkit-transform: rotateY(38deg) translateZ(45px);
transform: rotateY(38deg) translateZ(45px);
}
.depth:nth-child(125) .shooting {
left: 59%;
-webkit-animation-delay: -7442ms;
animation-delay: -7442ms;
}
.depth:nth-child(126) {
-webkit-transform: rotateY(257deg) translateZ(65px);
transform: rotateY(257deg) translateZ(65px);
}
.depth:nth-child(126) .shooting {
left: 53%;
-webkit-animation-delay: -1622ms;
animation-delay: -1622ms;
}
.depth:nth-child(127) {
-webkit-transform: rotateY(228deg) translateZ(-68px);
transform: rotateY(228deg) translateZ(-68px);
}
.depth:nth-child(127) .shooting {
left: 45%;
-webkit-animation-delay: -4060ms;
animation-delay: -4060ms;
}
.depth:nth-child(128) {
-webkit-transform: rotateY(227deg) translateZ(35px);
transform: rotateY(227deg) translateZ(35px);
}
.depth:nth-child(128) .shooting {
left: 57%;
-webkit-animation-delay: -2784ms;
animation-delay: -2784ms;
}
.depth:nth-child(129) {
-webkit-transform: rotateY(142deg) translateZ(-37px);
transform: rotateY(142deg) translateZ(-37px);
}
.depth:nth-child(129) .shooting {
left: 47%;
-webkit-animation-delay: -4879ms;
animation-delay: -4879ms;
}
.depth:nth-child(130) {
-webkit-transform: rotateY(257deg) translateZ(26px);
transform: rotateY(257deg) translateZ(26px);
}
.depth:nth-child(130) .shooting {
left: 62%;
-webkit-animation-delay: -5527ms;
animation-delay: -5527ms;
}
.depth:nth-child(131) {
-webkit-transform: rotateY(21deg) translateZ(-60px);
transform: rotateY(21deg) translateZ(-60px);
}
.depth:nth-child(131) .shooting {
left: 50%;
-webkit-animation-delay: -8336ms;
animation-delay: -8336ms;
}
.depth:nth-child(132) {
-webkit-transform: rotateY(60deg) translateZ(-29px);
transform: rotateY(60deg) translateZ(-29px);
}
.depth:nth-child(132) .shooting {
left: 70%;
-webkit-animation-delay: -7691ms;
animation-delay: -7691ms;
}
.depth:nth-child(133) {
-webkit-transform: rotateY(264deg) translateZ(65px);
transform: rotateY(264deg) translateZ(65px);
}
.depth:nth-child(133) .shooting {
left: 35%;
-webkit-animation-delay: -1927ms;
animation-delay: -1927ms;
}
.depth:nth-child(134) {
-webkit-transform: rotateY(348deg) translateZ(-52px);
transform: rotateY(348deg) translateZ(-52px);
}
.depth:nth-child(134) .shooting {
left: 67%;
-webkit-animation-delay: -8168ms;
animation-delay: -8168ms;
}
.depth:nth-child(135) {
-webkit-transform: rotateY(31deg) translateZ(-87px);
transform: rotateY(31deg) translateZ(-87px);
}
.depth:nth-child(135) .shooting {
left: 36%;
-webkit-animation-delay: -5585ms;
animation-delay: -5585ms;
}
.depth:nth-child(136) {
-webkit-transform: rotateY(357deg) translateZ(-82px);
transform: rotateY(357deg) translateZ(-82px);
}
.depth:nth-child(136) .shooting {
left: 60%;
-webkit-animation-delay: -2176ms;
animation-delay: -2176ms;
}
.depth:nth-child(137) {
-webkit-transform: rotateY(291deg) translateZ(-15px);
transform: rotateY(291deg) translateZ(-15px);
}
.depth:nth-child(137) .shooting {
left: 31%;
-webkit-animation-delay: -7655ms;
animation-delay: -7655ms;
}
.depth:nth-child(138) {
-webkit-transform: rotateY(295deg) translateZ(13px);
transform: rotateY(295deg) translateZ(13px);
}
.depth:nth-child(138) .shooting {
left: 68%;
-webkit-animation-delay: -3589ms;
animation-delay: -3589ms;
}
.depth:nth-child(139) {
-webkit-transform: rotateY(90deg) translateZ(26px);
transform: rotateY(90deg) translateZ(26px);
}
.depth:nth-child(139) .shooting {
left: 64%;
-webkit-animation-delay: -2033ms;
animation-delay: -2033ms;
}
.depth:nth-child(140) {
-webkit-transform: rotateY(200deg) translateZ(34px);
transform: rotateY(200deg) translateZ(34px);
}
.depth:nth-child(140) .shooting {
left: 37%;
-webkit-animation-delay: -904ms;
animation-delay: -904ms;
}
.depth:nth-child(141) {
-webkit-transform: rotateY(335deg) translateZ(86px);
transform: rotateY(335deg) translateZ(86px);
}
.depth:nth-child(141) .shooting {
left: 69%;
-webkit-animation-delay: -2203ms;
animation-delay: -2203ms;
}
.depth:nth-child(142) {
-webkit-transform: rotateY(244deg) translateZ(72px);
transform: rotateY(244deg) translateZ(72px);
}
.depth:nth-child(142) .shooting {
left: 49%;
-webkit-animation-delay: -6381ms;
animation-delay: -6381ms;
}
.depth:nth-child(143) {
-webkit-transform: rotateY(255deg) translateZ(96px);
transform: rotateY(255deg) translateZ(96px);
}
.depth:nth-child(143) .shooting {
left: 42%;
-webkit-animation-delay: -208ms;
animation-delay: -208ms;
}
.depth:nth-child(144) {
-webkit-transform: rotateY(180deg) translateZ(10px);
transform: rotateY(180deg) translateZ(10px);
}
.depth:nth-child(144) .shooting {
left: 69%;
-webkit-animation-delay: -6003ms;
animation-delay: -6003ms;
}
.depth:nth-child(145) {
-webkit-transform: rotateY(275deg) translateZ(-30px);
transform: rotateY(275deg) translateZ(-30px);
}
.depth:nth-child(145) .shooting {
left: 58%;
-webkit-animation-delay: -3205ms;
animation-delay: -3205ms;
}
.depth:nth-child(146) {
-webkit-transform: rotateY(163deg) translateZ(-94px);
transform: rotateY(163deg) translateZ(-94px);
}
.depth:nth-child(146) .shooting {
left: 62%;
-webkit-animation-delay: -9014ms;
animation-delay: -9014ms;
}
.depth:nth-child(147) {
-webkit-transform: rotateY(301deg) translateZ(21px);
transform: rotateY(301deg) translateZ(21px);
}
.depth:nth-child(147) .shooting {
left: 65%;
-webkit-animation-delay: -8671ms;
animation-delay: -8671ms;
}
.depth:nth-child(148) {
-webkit-transform: rotateY(288deg) translateZ(-11px);
transform: rotateY(288deg) translateZ(-11px);
}
.depth:nth-child(148) .shooting {
left: 60%;
-webkit-animation-delay: -6283ms;
animation-delay: -6283ms;
}
.depth:nth-child(149) {
-webkit-transform: rotateY(11deg) translateZ(-83px);
transform: rotateY(11deg) translateZ(-83px);
}
.depth:nth-child(149) .shooting {
left: 64%;
-webkit-animation-delay: -1063ms;
animation-delay: -1063ms;
}
.depth:nth-child(150) {
-webkit-transform: rotateY(6deg) translateZ(-55px);
transform: rotateY(6deg) translateZ(-55px);
}
.depth:nth-child(150) .shooting {
left: 51%;
-webkit-animation-delay: -3100ms;
animation-delay: -3100ms;
}
.depth:nth-child(151) {
-webkit-transform: rotateY(57deg) translateZ(-70px);
transform: rotateY(57deg) translateZ(-70px);
}
.depth:nth-child(151) .shooting {
left: 65%;
-webkit-animation-delay: -9488ms;
animation-delay: -9488ms;
}
.depth:nth-child(152) {
-webkit-transform: rotateY(281deg) translateZ(-61px);
transform: rotateY(281deg) translateZ(-61px);
}
.depth:nth-child(152) .shooting {
left: 59%;
-webkit-animation-delay: -9535ms;
animation-delay: -9535ms;
}
.depth:nth-child(153) {
-webkit-transform: rotateY(112deg) translateZ(-79px);
transform: rotateY(112deg) translateZ(-79px);
}
.depth:nth-child(153) .shooting {
left: 31%;
-webkit-animation-delay: -4046ms;
animation-delay: -4046ms;
}
.depth:nth-child(154) {
-webkit-transform: rotateY(159deg) translateZ(46px);
transform: rotateY(159deg) translateZ(46px);
}
.depth:nth-child(154) .shooting {
left: 47%;
-webkit-animation-delay: -4899ms;
animation-delay: -4899ms;
}
.depth:nth-child(155) {
-webkit-transform: rotateY(82deg) translateZ(-6px);
transform: rotateY(82deg) translateZ(-6px);
}
.depth:nth-child(155) .shooting {
left: 60%;
-webkit-animation-delay: -414ms;
animation-delay: -414ms;
}
.depth:nth-child(156) {
-webkit-transform: rotateY(97deg) translateZ(50px);
transform: rotateY(97deg) translateZ(50px);
}
.depth:nth-child(156) .shooting {
left: 36%;
-webkit-animation-delay: -5288ms;
animation-delay: -5288ms;
}
.depth:nth-child(157) {
-webkit-transform: rotateY(95deg) translateZ(15px);
transform: rotateY(95deg) translateZ(15px);
}
.depth:nth-child(157) .shooting {
left: 50%;
-webkit-animation-delay: -7414ms;
animation-delay: -7414ms;
}
.depth:nth-child(158) {
-webkit-transform: rotateY(167deg) translateZ(21px);
transform: rotateY(167deg) translateZ(21px);
}
.depth:nth-child(158) .shooting {
left: 42%;
-webkit-animation-delay: -5643ms;
animation-delay: -5643ms;
}
.depth:nth-child(159) {
-webkit-transform: rotateY(269deg) translateZ(24px);
transform: rotateY(269deg) translateZ(24px);
}
.depth:nth-child(159) .shooting {
left: 57%;
-webkit-animation-delay: -1098ms;
animation-delay: -1098ms;
}
.depth:nth-child(160) {
-webkit-transform: rotateY(120deg) translateZ(9px);
transform: rotateY(120deg) translateZ(9px);
}
.depth:nth-child(160) .shooting {
left: 64%;
-webkit-animation-delay: -6629ms;
animation-delay: -6629ms;
}
.depth:nth-child(161) {
-webkit-transform: rotateY(196deg) translateZ(73px);
transform: rotateY(196deg) translateZ(73px);
}
.depth:nth-child(161) .shooting {
left: 58%;
-webkit-animation-delay: -4834ms;
animation-delay: -4834ms;
}
.depth:nth-child(162) {
-webkit-transform: rotateY(29deg) translateZ(18px);
transform: rotateY(29deg) translateZ(18px);
}
.depth:nth-child(162) .shooting {
left: 49%;
-webkit-animation-delay: -4328ms;
animation-delay: -4328ms;
}
.depth:nth-child(163) {
-webkit-transform: rotateY(108deg) translateZ(42px);
transform: rotateY(108deg) translateZ(42px);
}
.depth:nth-child(163) .shooting {
left: 63%;
-webkit-animation-delay: -430ms;
animation-delay: -430ms;
}
.depth:nth-child(164) {
-webkit-transform: rotateY(143deg) translateZ(3px);
transform: rotateY(143deg) translateZ(3px);
}
.depth:nth-child(164) .shooting {
left: 32%;
-webkit-animation-delay: -1843ms;
animation-delay: -1843ms;
}
.depth:nth-child(165) {
-webkit-transform: rotateY(360deg) translateZ(-14px);
transform: rotateY(360deg) translateZ(-14px);
}
.depth:nth-child(165) .shooting {
left: 38%;
-webkit-animation-delay: -2685ms;
animation-delay: -2685ms;
}
.depth:nth-child(166) {
-webkit-transform: rotateY(324deg) translateZ(-75px);
transform: rotateY(324deg) translateZ(-75px);
}
.depth:nth-child(166) .shooting {
left: 49%;
-webkit-animation-delay: -3187ms;
animation-delay: -3187ms;
}
.depth:nth-child(167) {
-webkit-transform: rotateY(113deg) translateZ(47px);
transform: rotateY(113deg) translateZ(47px);
}
.depth:nth-child(167) .shooting {
left: 69%;
-webkit-animation-delay: -8593ms;
animation-delay: -8593ms;
}
.depth:nth-child(168) {
-webkit-transform: rotateY(242deg) translateZ(92px);
transform: rotateY(242deg) translateZ(92px);
}
.depth:nth-child(168) .shooting {
left: 52%;
-webkit-animation-delay: -7892ms;
animation-delay: -7892ms;
}
.depth:nth-child(169) {
-webkit-transform: rotateY(283deg) translateZ(-80px);
transform: rotateY(283deg) translateZ(-80px);
}
.depth:nth-child(169) .shooting {
left: 70%;
-webkit-animation-delay: -9277ms;
animation-delay: -9277ms;
}
.depth:nth-child(170) {
-webkit-transform: rotateY(101deg) translateZ(-71px);
transform: rotateY(101deg) translateZ(-71px);
}
.depth:nth-child(170) .shooting {
left: 49%;
-webkit-animation-delay: -8997ms;
animation-delay: -8997ms;
}
.depth:nth-child(171) {
-webkit-transform: rotateY(284deg) translateZ(62px);
transform: rotateY(284deg) translateZ(62px);
}
.depth:nth-child(171) .shooting {
left: 65%;
-webkit-animation-delay: -3704ms;
animation-delay: -3704ms;
}
.depth:nth-child(172) {
-webkit-transform: rotateY(248deg) translateZ(50px);
transform: rotateY(248deg) translateZ(50px);
}
.depth:nth-child(172) .shooting {
left: 47%;
-webkit-animation-delay: -9293ms;
animation-delay: -9293ms;
}
.depth:nth-child(173) {
-webkit-transform: rotateY(339deg) translateZ(-8px);
transform: rotateY(339deg) translateZ(-8px);
}
.depth:nth-child(173) .shooting {
left: 47%;
-webkit-animation-delay: -4957ms;
animation-delay: -4957ms;
}
.depth:nth-child(174) {
-webkit-transform: rotateY(261deg) translateZ(72px);
transform: rotateY(261deg) translateZ(72px);
}
.depth:nth-child(174) .shooting {
left: 43%;
-webkit-animation-delay: -9894ms;
animation-delay: -9894ms;
}
.depth:nth-child(175) {
-webkit-transform: rotateY(109deg) translateZ(33px);
transform: rotateY(109deg) translateZ(33px);
}
.depth:nth-child(175) .shooting {
left: 63%;
-webkit-animation-delay: -3661ms;
animation-delay: -3661ms;
}
.depth:nth-child(176) {
-webkit-transform: rotateY(132deg) translateZ(-77px);
transform: rotateY(132deg) translateZ(-77px);
}
.depth:nth-child(176) .shooting {
left: 59%;
-webkit-animation-delay: -4565ms;
animation-delay: -4565ms;
}
.depth:nth-child(177) {
-webkit-transform: rotateY(225deg) translateZ(99px);
transform: rotateY(225deg) translateZ(99px);
}
.depth:nth-child(177) .shooting {
left: 47%;
-webkit-animation-delay: -5586ms;
animation-delay: -5586ms;
}
.depth:nth-child(178) {
-webkit-transform: rotateY(197deg) translateZ(-47px);
transform: rotateY(197deg) translateZ(-47px);
}
.depth:nth-child(178) .shooting {
left: 31%;
-webkit-animation-delay: -9014ms;
animation-delay: -9014ms;
}
.depth:nth-child(179) {
-webkit-transform: rotateY(293deg) translateZ(2px);
transform: rotateY(293deg) translateZ(2px);
}
.depth:nth-child(179) .shooting {
left: 41%;
-webkit-animation-delay: -9382ms;
animation-delay: -9382ms;
}
.depth:nth-child(180) {
-webkit-transform: rotateY(39deg) translateZ(-53px);
transform: rotateY(39deg) translateZ(-53px);
}
.depth:nth-child(180) .shooting {
left: 43%;
-webkit-animation-delay: -2607ms;
animation-delay: -2607ms;
}
.depth:nth-child(181) {
-webkit-transform: rotateY(285deg) translateZ(7px);
transform: rotateY(285deg) translateZ(7px);
}
.depth:nth-child(181) .shooting {
left: 61%;
-webkit-animation-delay: -3074ms;
animation-delay: -3074ms;
}
.depth:nth-child(182) {
-webkit-transform: rotateY(333deg) translateZ(-50px);
transform: rotateY(333deg) translateZ(-50px);
}
.depth:nth-child(182) .shooting {
left: 37%;
-webkit-animation-delay: -7466ms;
animation-delay: -7466ms;
}
.depth:nth-child(183) {
-webkit-transform: rotateY(86deg) translateZ(-16px);
transform: rotateY(86deg) translateZ(-16px);
}
.depth:nth-child(183) .shooting {
left: 42%;
-webkit-animation-delay: -2098ms;
animation-delay: -2098ms;
}
.depth:nth-child(184) {
-webkit-transform: rotateY(181deg) translateZ(41px);
transform: rotateY(181deg) translateZ(41px);
}
.depth:nth-child(184) .shooting {
left: 61%;
-webkit-animation-delay: -6360ms;
animation-delay: -6360ms;
}
.depth:nth-child(185) {
-webkit-transform: rotateY(311deg) translateZ(44px);
transform: rotateY(311deg) translateZ(44px);
}
.depth:nth-child(185) .shooting {
left: 56%;
-webkit-animation-delay: -6813ms;
animation-delay: -6813ms;
}
.depth:nth-child(186) {
-webkit-transform: rotateY(244deg) translateZ(-3px);
transform: rotateY(244deg) translateZ(-3px);
}
.depth:nth-child(186) .shooting {
left: 39%;
-webkit-animation-delay: -2407ms;
animation-delay: -2407ms;
}
.depth:nth-child(187) {
-webkit-transform: rotateY(267deg) translateZ(-21px);
transform: rotateY(267deg) translateZ(-21px);
}
.depth:nth-child(187) .shooting {
left: 53%;
-webkit-animation-delay: -512ms;
animation-delay: -512ms;
}
.depth:nth-child(188) {
-webkit-transform: rotateY(341deg) translateZ(-11px);
transform: rotateY(341deg) translateZ(-11px);
}
.depth:nth-child(188) .shooting {
left: 65%;
-webkit-animation-delay: -6824ms;
animation-delay: -6824ms;
}
.depth:nth-child(189) {
-webkit-transform: rotateY(72deg) translateZ(-11px);
transform: rotateY(72deg) translateZ(-11px);
}
.depth:nth-child(189) .shooting {
left: 36%;
-webkit-animation-delay: -82ms;
animation-delay: -82ms;
}
.depth:nth-child(190) {
-webkit-transform: rotateY(209deg) translateZ(69px);
transform: rotateY(209deg) translateZ(69px);
}
.depth:nth-child(190) .shooting {
left: 49%;
-webkit-animation-delay: -9348ms;
animation-delay: -9348ms;
}
.depth:nth-child(191) {
-webkit-transform: rotateY(241deg) translateZ(-76px);
transform: rotateY(241deg) translateZ(-76px);
}
.depth:nth-child(191) .shooting {
left: 38%;
-webkit-animation-delay: -9674ms;
animation-delay: -9674ms;
}
.depth:nth-child(192) {
-webkit-transform: rotateY(31deg) translateZ(38px);
transform: rotateY(31deg) translateZ(38px);
}
.depth:nth-child(192) .shooting {
left: 62%;
-webkit-animation-delay: -3045ms;
animation-delay: -3045ms;
}
.depth:nth-child(193) {
-webkit-transform: rotateY(250deg) translateZ(-5px);
transform: rotateY(250deg) translateZ(-5px);
}
.depth:nth-child(193) .shooting {
left: 56%;
-webkit-animation-delay: -6709ms;
animation-delay: -6709ms;
}
.depth:nth-child(194) {
-webkit-transform: rotateY(347deg) translateZ(41px);
transform: rotateY(347deg) translateZ(41px);
}
.depth:nth-child(194) .shooting {
left: 41%;
-webkit-animation-delay: -8592ms;
animation-delay: -8592ms;
}
.depth:nth-child(195) {
-webkit-transform: rotateY(255deg) translateZ(45px);
transform: rotateY(255deg) translateZ(45px);
}
.depth:nth-child(195) .shooting {
left: 35%;
-webkit-animation-delay: -512ms;
animation-delay: -512ms;
}
.depth:nth-child(196) {
-webkit-transform: rotateY(334deg) translateZ(-71px);
transform: rotateY(334deg) translateZ(-71px);
}
.depth:nth-child(196) .shooting {
left: 61%;
-webkit-animation-delay: -326ms;
animation-delay: -326ms;
}
.depth:nth-child(197) {
-webkit-transform: rotateY(323deg) translateZ(-93px);
transform: rotateY(323deg) translateZ(-93px);
}
.depth:nth-child(197) .shooting {
left: 49%;
-webkit-animation-delay: -8541ms;
animation-delay: -8541ms;
}
.depth:nth-child(198) {
-webkit-transform: rotateY(219deg) translateZ(-82px);
transform: rotateY(219deg) translateZ(-82px);
}
.depth:nth-child(198) .shooting {
left: 43%;
-webkit-animation-delay: -7009ms;
animation-delay: -7009ms;
}
.depth:nth-child(199) {
-webkit-transform: rotateY(289deg) translateZ(89px);
transform: rotateY(289deg) translateZ(89px);
}
.depth:nth-child(199) .shooting {
left: 45%;
-webkit-animation-delay: -7021ms;
animation-delay: -7021ms;
}
.depth:nth-child(200) {
-webkit-transform: rotateY(263deg) translateZ(9px);
transform: rotateY(263deg) translateZ(9px);
}
.depth:nth-child(200) .shooting {
left: 42%;
-webkit-animation-delay: -4914ms;
animation-delay: -4914ms;
}
.depth:nth-child(201) {
-webkit-transform: rotateY(155deg) translateZ(72px);
transform: rotateY(155deg) translateZ(72px);
}
.depth:nth-child(201) .shooting {
left: 56%;
-webkit-animation-delay: -8463ms;
animation-delay: -8463ms;
}
.depth:nth-child(202) {
-webkit-transform: rotateY(119deg) translateZ(92px);
transform: rotateY(119deg) translateZ(92px);
}
.depth:nth-child(202) .shooting {
left: 54%;
-webkit-animation-delay: -9344ms;
animation-delay: -9344ms;
}
.depth:nth-child(203) {
-webkit-transform: rotateY(258deg) translateZ(-63px);
transform: rotateY(258deg) translateZ(-63px);
}
.depth:nth-child(203) .shooting {
left: 68%;
-webkit-animation-delay: -3910ms;
animation-delay: -3910ms;
}
.depth:nth-child(204) {
-webkit-transform: rotateY(324deg) translateZ(7px);
transform: rotateY(324deg) translateZ(7px);
}
.depth:nth-child(204) .shooting {
left: 41%;
-webkit-animation-delay: -5723ms;
animation-delay: -5723ms;
}
.depth:nth-child(205) {
-webkit-transform: rotateY(258deg) translateZ(-67px);
transform: rotateY(258deg) translateZ(-67px);
}
.depth:nth-child(205) .shooting {
left: 64%;
-webkit-animation-delay: -3776ms;
animation-delay: -3776ms;
}
.depth:nth-child(206) {
-webkit-transform: rotateY(10deg) translateZ(42px);
transform: rotateY(10deg) translateZ(42px);
}
.depth:nth-child(206) .shooting {
left: 61%;
-webkit-animation-delay: -5829ms;
animation-delay: -5829ms;
}
.depth:nth-child(207) {
-webkit-transform: rotateY(179deg) translateZ(-82px);
transform: rotateY(179deg) translateZ(-82px);
}
.depth:nth-child(207) .shooting {
left: 34%;
-webkit-animation-delay: -1033ms;
animation-delay: -1033ms;
}
.depth:nth-child(208) {
-webkit-transform: rotateY(294deg) translateZ(53px);
transform: rotateY(294deg) translateZ(53px);
}
.depth:nth-child(208) .shooting {
left: 64%;
-webkit-animation-delay: -9332ms;
animation-delay: -9332ms;
}
.depth:nth-child(209) {
-webkit-transform: rotateY(269deg) translateZ(1px);
transform: rotateY(269deg) translateZ(1px);
}
.depth:nth-child(209) .shooting {
left: 54%;
-webkit-animation-delay: -9199ms;
animation-delay: -9199ms;
}
.depth:nth-child(210) {
-webkit-transform: rotateY(265deg) translateZ(36px);
transform: rotateY(265deg) translateZ(36px);
}
.depth:nth-child(210) .shooting {
left: 45%;
-webkit-animation-delay: -1882ms;
animation-delay: -1882ms;
}
.depth:nth-child(211) {
-webkit-transform: rotateY(156deg) translateZ(-71px);
transform: rotateY(156deg) translateZ(-71px);
}
.depth:nth-child(211) .shooting {
left: 51%;
-webkit-animation-delay: -7734ms;
animation-delay: -7734ms;
}
.depth:nth-child(212) {
-webkit-transform: rotateY(70deg) translateZ(-61px);
transform: rotateY(70deg) translateZ(-61px);
}
.depth:nth-child(212) .shooting {
left: 39%;
-webkit-animation-delay: -4963ms;
animation-delay: -4963ms;
}
.depth:nth-child(213) {
-webkit-transform: rotateY(258deg) translateZ(75px);
transform: rotateY(258deg) translateZ(75px);
}
.depth:nth-child(213) .shooting {
left: 36%;
-webkit-animation-delay: -9022ms;
animation-delay: -9022ms;
}
.depth:nth-child(214) {
-webkit-transform: rotateY(340deg) translateZ(-60px);
transform: rotateY(340deg) translateZ(-60px);
}
.depth:nth-child(214) .shooting {
left: 60%;
-webkit-animation-delay: -31ms;
animation-delay: -31ms;
}
.depth:nth-child(215) {
-webkit-transform: rotateY(79deg) translateZ(91px);
transform: rotateY(79deg) translateZ(91px);
}
.depth:nth-child(215) .shooting {
left: 45%;
-webkit-animation-delay: -7403ms;
animation-delay: -7403ms;
}
.depth:nth-child(216) {
-webkit-transform: rotateY(196deg) translateZ(19px);
transform: rotateY(196deg) translateZ(19px);
}
.depth:nth-child(216) .shooting {
left: 58%;
-webkit-animation-delay: -2524ms;
animation-delay: -2524ms;
}
.depth:nth-child(217) {
-webkit-transform: rotateY(208deg) translateZ(54px);
transform: rotateY(208deg) translateZ(54px);
}
.depth:nth-child(217) .shooting {
left: 53%;
-webkit-animation-delay: -6451ms;
animation-delay: -6451ms;
}
.depth:nth-child(218) {
-webkit-transform: rotateY(261deg) translateZ(82px);
transform: rotateY(261deg) translateZ(82px);
}
.depth:nth-child(218) .shooting {
left: 43%;
-webkit-animation-delay: -2644ms;
animation-delay: -2644ms;
}
.depth:nth-child(219) {
-webkit-transform: rotateY(339deg) translateZ(-22px);
transform: rotateY(339deg) translateZ(-22px);
}
.depth:nth-child(219) .shooting {
left: 69%;
-webkit-animation-delay: -4853ms;
animation-delay: -4853ms;
}
.depth:nth-child(220) {
-webkit-transform: rotateY(41deg) translateZ(-22px);
transform: rotateY(41deg) translateZ(-22px);
}
.depth:nth-child(220) .shooting {
left: 69%;
-webkit-animation-delay: -3853ms;
animation-delay: -3853ms;
}
.depth:nth-child(221) {
-webkit-transform: rotateY(149deg) translateZ(-3px);
transform: rotateY(149deg) translateZ(-3px);
}
.depth:nth-child(221) .shooting {
left: 33%;
-webkit-animation-delay: -1773ms;
animation-delay: -1773ms;
}
.depth:nth-child(222) {
-webkit-transform: rotateY(133deg) translateZ(52px);
transform: rotateY(133deg) translateZ(52px);
}
.depth:nth-child(222) .shooting {
left: 35%;
-webkit-animation-delay: -1637ms;
animation-delay: -1637ms;
}
.depth:nth-child(223) {
-webkit-transform: rotateY(53deg) translateZ(-44px);
transform: rotateY(53deg) translateZ(-44px);
}
.depth:nth-child(223) .shooting {
left: 63%;
-webkit-animation-delay: -2039ms;
animation-delay: -2039ms;
}
.depth:nth-child(224) {
-webkit-transform: rotateY(101deg) translateZ(-57px);
transform: rotateY(101deg) translateZ(-57px);
}
.depth:nth-child(224) .shooting {
left: 49%;
-webkit-animation-delay: -6410ms;
animation-delay: -6410ms;
}
.depth:nth-child(225) {
-webkit-transform: rotateY(79deg) translateZ(38px);
transform: rotateY(79deg) translateZ(38px);
}
.depth:nth-child(225) .shooting {
left: 58%;
-webkit-animation-delay: -7706ms;
animation-delay: -7706ms;
}
.depth:nth-child(226) {
-webkit-transform: rotateY(51deg) translateZ(-99px);
transform: rotateY(51deg) translateZ(-99px);
}
.depth:nth-child(226) .shooting {
left: 33%;
-webkit-animation-delay: -4575ms;
animation-delay: -4575ms;
}
.depth:nth-child(227) {
-webkit-transform: rotateY(212deg) translateZ(-18px);
transform: rotateY(212deg) translateZ(-18px);
}
.depth:nth-child(227) .shooting {
left: 40%;
-webkit-animation-delay: -8987ms;
animation-delay: -8987ms;
}
.depth:nth-child(228) {
-webkit-transform: rotateY(134deg) translateZ(83px);
transform: rotateY(134deg) translateZ(83px);
}
.depth:nth-child(228) .shooting {
left: 45%;
-webkit-animation-delay: -5422ms;
animation-delay: -5422ms;
}
.depth:nth-child(229) {
-webkit-transform: rotateY(355deg) translateZ(15px);
transform: rotateY(355deg) translateZ(15px);
}
.depth:nth-child(229) .shooting {
left: 69%;
-webkit-animation-delay: -9560ms;
animation-delay: -9560ms;
}
.depth:nth-child(230) {
-webkit-transform: rotateY(237deg) translateZ(-45px);
transform: rotateY(237deg) translateZ(-45px);
}
.depth:nth-child(230) .shooting {
left: 49%;
-webkit-animation-delay: -8897ms;
animation-delay: -8897ms;
}
.depth:nth-child(231) {
-webkit-transform: rotateY(204deg) translateZ(74px);
transform: rotateY(204deg) translateZ(74px);
}
.depth:nth-child(231) .shooting {
left: 58%;
-webkit-animation-delay: -6037ms;
animation-delay: -6037ms;
}
.depth:nth-child(232) {
-webkit-transform: rotateY(164deg) translateZ(-68px);
transform: rotateY(164deg) translateZ(-68px);
}
.depth:nth-child(232) .shooting {
left: 52%;
-webkit-animation-delay: -480ms;
animation-delay: -480ms;
}
.depth:nth-child(233) {
-webkit-transform: rotateY(357deg) translateZ(-27px);
transform: rotateY(357deg) translateZ(-27px);
}
.depth:nth-child(233) .shooting {
left: 44%;
-webkit-animation-delay: -7413ms;
animation-delay: -7413ms;
}
.depth:nth-child(234) {
-webkit-transform: rotateY(320deg) translateZ(8px);
transform: rotateY(320deg) translateZ(8px);
}
.depth:nth-child(234) .shooting {
left: 47%;
-webkit-animation-delay: -5916ms;
animation-delay: -5916ms;
}
.depth:nth-child(235) {
-webkit-transform: rotateY(266deg) translateZ(41px);
transform: rotateY(266deg) translateZ(41px);
}
.depth:nth-child(235) .shooting {
left: 62%;
-webkit-animation-delay: -5388ms;
animation-delay: -5388ms;
}
.depth:nth-child(236) {
-webkit-transform: rotateY(281deg) translateZ(47px);
transform: rotateY(281deg) translateZ(47px);
}
.depth:nth-child(236) .shooting {
left: 35%;
-webkit-animation-delay: -796ms;
animation-delay: -796ms;
}
.depth:nth-child(237) {
-webkit-transform: rotateY(43deg) translateZ(-63px);
transform: rotateY(43deg) translateZ(-63px);
}
.depth:nth-child(237) .shooting {
left: 49%;
-webkit-animation-delay: -379ms;
animation-delay: -379ms;
}
.depth:nth-child(238) {
-webkit-transform: rotateY(219deg) translateZ(-85px);
transform: rotateY(219deg) translateZ(-85px);
}
.depth:nth-child(238) .shooting {
left: 36%;
-webkit-animation-delay: -9102ms;
animation-delay: -9102ms;
}
.depth:nth-child(239) {
-webkit-transform: rotateY(328deg) translateZ(-94px);
transform: rotateY(328deg) translateZ(-94px);
}
.depth:nth-child(239) .shooting {
left: 56%;
-webkit-animation-delay: -7750ms;
animation-delay: -7750ms;
}
.depth:nth-child(240) {
-webkit-transform: rotateY(203deg) translateZ(-8px);
transform: rotateY(203deg) translateZ(-8px);
}
.depth:nth-child(240) .shooting {
left: 33%;
-webkit-animation-delay: -81ms;
animation-delay: -81ms;
}
.depth:nth-child(241) {
-webkit-transform: rotateY(280deg) translateZ(-37px);
transform: rotateY(280deg) translateZ(-37px);
}
.depth:nth-child(241) .shooting {
left: 59%;
-webkit-animation-delay: -4812ms;
animation-delay: -4812ms;
}
.depth:nth-child(242) {
-webkit-transform: rotateY(201deg) translateZ(58px);
transform: rotateY(201deg) translateZ(58px);
}
.depth:nth-child(242) .shooting {
left: 31%;
-webkit-animation-delay: -821ms;
animation-delay: -821ms;
}
.depth:nth-child(243) {
-webkit-transform: rotateY(194deg) translateZ(31px);
transform: rotateY(194deg) translateZ(31px);
}
.depth:nth-child(243) .shooting {
left: 38%;
-webkit-animation-delay: -9971ms;
animation-delay: -9971ms;
}
.depth:nth-child(244) {
-webkit-transform: rotateY(161deg) translateZ(-34px);
transform: rotateY(161deg) translateZ(-34px);
}
.depth:nth-child(244) .shooting {
left: 45%;
-webkit-animation-delay: -841ms;
animation-delay: -841ms;
}
.depth:nth-child(245) {
-webkit-transform: rotateY(264deg) translateZ(64px);
transform: rotateY(264deg) translateZ(64px);
}
.depth:nth-child(245) .shooting {
left: 34%;
-webkit-animation-delay: -7382ms;
animation-delay: -7382ms;
}
.depth:nth-child(246) {
-webkit-transform: rotateY(94deg) translateZ(-37px);
transform: rotateY(94deg) translateZ(-37px);
}
.depth:nth-child(246) .shooting {
left: 68%;
-webkit-animation-delay: -2017ms;
animation-delay: -2017ms;
}
.depth:nth-child(247) {
-webkit-transform: rotateY(16deg) translateZ(96px);
transform: rotateY(16deg) translateZ(96px);
}
.depth:nth-child(247) .shooting {
left: 64%;
-webkit-animation-delay: -516ms;
animation-delay: -516ms;
}
.depth:nth-child(248) {
-webkit-transform: rotateY(189deg) translateZ(-10px);
transform: rotateY(189deg) translateZ(-10px);
}
.depth:nth-child(248) .shooting {
left: 45%;
-webkit-animation-delay: -4979ms;
animation-delay: -4979ms;
}
.depth:nth-child(249) {
-webkit-transform: rotateY(302deg) translateZ(-75px);
transform: rotateY(302deg) translateZ(-75px);
}
.depth:nth-child(249) .shooting {
left: 39%;
-webkit-animation-delay: -2511ms;
animation-delay: -2511ms;
}
.depth:nth-child(250) {
-webkit-transform: rotateY(183deg) translateZ(26px);
transform: rotateY(183deg) translateZ(26px);
}
.depth:nth-child(250) .shooting {
left: 67%;
-webkit-animation-delay: -1484ms;
animation-delay: -1484ms;
}
.depth:nth-child(251) {
-webkit-transform: rotateY(323deg) translateZ(-3px);
transform: rotateY(323deg) translateZ(-3px);
}
.depth:nth-child(251) .shooting {
left: 54%;
-webkit-animation-delay: -2742ms;
animation-delay: -2742ms;
}
.depth:nth-child(252) {
-webkit-transform: rotateY(319deg) translateZ(95px);
transform: rotateY(319deg) translateZ(95px);
}
.depth:nth-child(252) .shooting {
left: 67%;
-webkit-animation-delay: -6728ms;
animation-delay: -6728ms;
}
.depth:nth-child(253) {
-webkit-transform: rotateY(178deg) translateZ(2px);
transform: rotateY(178deg) translateZ(2px);
}
.depth:nth-child(253) .shooting {
left: 41%;
-webkit-animation-delay: -8833ms;
animation-delay: -8833ms;
}
.depth:nth-child(254) {
-webkit-transform: rotateY(275deg) translateZ(51px);
transform: rotateY(275deg) translateZ(51px);
}
.depth:nth-child(254) .shooting {
left: 39%;
-webkit-animation-delay: -4887ms;
animation-delay: -4887ms;
}
.depth:nth-child(255) {
-webkit-transform: rotateY(275deg) translateZ(82px);
transform: rotateY(275deg) translateZ(82px);
}
.depth:nth-child(255) .shooting {
left: 62%;
-webkit-animation-delay: -5075ms;
animation-delay: -5075ms;
}
.depth:nth-child(256) {
-webkit-transform: rotateY(245deg) translateZ(38px);
transform: rotateY(245deg) translateZ(38px);
}
.depth:nth-child(256) .shooting {
left: 37%;
-webkit-animation-delay: -612ms;
animation-delay: -612ms;
}
.depth:nth-child(257) {
-webkit-transform: rotateY(111deg) translateZ(64px);
transform: rotateY(111deg) translateZ(64px);
}
.depth:nth-child(257) .shooting {
left: 52%;
-webkit-animation-delay: -8406ms;
animation-delay: -8406ms;
}
.depth:nth-child(258) {
-webkit-transform: rotateY(256deg) translateZ(28px);
transform: rotateY(256deg) translateZ(28px);
}
.depth:nth-child(258) .shooting {
left: 43%;
-webkit-animation-delay: -462ms;
animation-delay: -462ms;
}
.depth:nth-child(259) {
-webkit-transform: rotateY(149deg) translateZ(37px);
transform: rotateY(149deg) translateZ(37px);
}
.depth:nth-child(259) .shooting {
left: 48%;
-webkit-animation-delay: -2154ms;
animation-delay: -2154ms;
}
.depth:nth-child(260) {
-webkit-transform: rotateY(286deg) translateZ(-1px);
transform: rotateY(286deg) translateZ(-1px);
}
.depth:nth-child(260) .shooting {
left: 40%;
-webkit-animation-delay: -1568ms;
animation-delay: -1568ms;
}
.depth:nth-child(261) {
-webkit-transform: rotateY(289deg) translateZ(-83px);
transform: rotateY(289deg) translateZ(-83px);
}
.depth:nth-child(261) .shooting {
left: 44%;
-webkit-animation-delay: -8807ms;
animation-delay: -8807ms;
}
.depth:nth-child(262) {
-webkit-transform: rotateY(125deg) translateZ(-58px);
transform: rotateY(125deg) translateZ(-58px);
}
.depth:nth-child(262) .shooting {
left: 65%;
-webkit-animation-delay: -6749ms;
animation-delay: -6749ms;
}
.depth:nth-child(263) {
-webkit-transform: rotateY(33deg) translateZ(22px);
transform: rotateY(33deg) translateZ(22px);
}
.depth:nth-child(263) .shooting {
left: 58%;
-webkit-animation-delay: -3251ms;
animation-delay: -3251ms;
}
.depth:nth-child(264) {
-webkit-transform: rotateY(335deg) translateZ(-96px);
transform: rotateY(335deg) translateZ(-96px);
}
.depth:nth-child(264) .shooting {
left: 53%;
-webkit-animation-delay: -1718ms;
animation-delay: -1718ms;
}
.depth:nth-child(265) {
-webkit-transform: rotateY(72deg) translateZ(-56px);
transform: rotateY(72deg) translateZ(-56px);
}
.depth:nth-child(265) .shooting {
left: 66%;
-webkit-animation-delay: -8708ms;
animation-delay: -8708ms;
}
.depth:nth-child(266) {
-webkit-transform: rotateY(306deg) translateZ(96px);
transform: rotateY(306deg) translateZ(96px);
}
.depth:nth-child(266) .shooting {
left: 43%;
-webkit-animation-delay: -9773ms;
animation-delay: -9773ms;
}
.depth:nth-child(267) {
-webkit-transform: rotateY(104deg) translateZ(3px);
transform: rotateY(104deg) translateZ(3px);
}
.depth:nth-child(267) .shooting {
left: 31%;
-webkit-animation-delay: -3326ms;
animation-delay: -3326ms;
}
.depth:nth-child(268) {
-webkit-transform: rotateY(236deg) translateZ(15px);
transform: rotateY(236deg) translateZ(15px);
}
.depth:nth-child(268) .shooting {
left: 47%;
-webkit-animation-delay: -2648ms;
animation-delay: -2648ms;
}
.depth:nth-child(269) {
-webkit-transform: rotateY(164deg) translateZ(16px);
transform: rotateY(164deg) translateZ(16px);
}
.depth:nth-child(269) .shooting {
left: 51%;
-webkit-animation-delay: -5183ms;
animation-delay: -5183ms;
}
.depth:nth-child(270) {
-webkit-transform: rotateY(90deg) translateZ(81px);
transform: rotateY(90deg) translateZ(81px);
}
.depth:nth-child(270) .shooting {
left: 39%;
-webkit-animation-delay: -993ms;
animation-delay: -993ms;
}
.depth:nth-child(271) {
-webkit-transform: rotateY(300deg) translateZ(-61px);
transform: rotateY(300deg) translateZ(-61px);
}
.depth:nth-child(271) .shooting {
left: 70%;
-webkit-animation-delay: -209ms;
animation-delay: -209ms;
}
.depth:nth-child(272) {
-webkit-transform: rotateY(179deg) translateZ(-87px);
transform: rotateY(179deg) translateZ(-87px);
}
.depth:nth-child(272) .shooting {
left: 46%;
-webkit-animation-delay: -333ms;
animation-delay: -333ms;
}
.depth:nth-child(273) {
-webkit-transform: rotateY(81deg) translateZ(18px);
transform: rotateY(81deg) translateZ(18px);
}
.depth:nth-child(273) .shooting {
left: 49%;
-webkit-animation-delay: -2994ms;
animation-delay: -2994ms;
}
.depth:nth-child(274) {
-webkit-transform: rotateY(252deg) translateZ(-30px);
transform: rotateY(252deg) translateZ(-30px);
}
.depth:nth-child(274) .shooting {
left: 31%;
-webkit-animation-delay: -8739ms;
animation-delay: -8739ms;
}
.depth:nth-child(275) {
-webkit-transform: rotateY(214deg) translateZ(-30px);
transform: rotateY(214deg) translateZ(-30px);
}
.depth:nth-child(275) .shooting {
left: 59%;
-webkit-animation-delay: -5780ms;
animation-delay: -5780ms;
}
.depth:nth-child(276) {
-webkit-transform: rotateY(82deg) translateZ(87px);
transform: rotateY(82deg) translateZ(87px);
}
.depth:nth-child(276) .shooting {
left: 65%;
-webkit-animation-delay: -5333ms;
animation-delay: -5333ms;
}
.depth:nth-child(277) {
-webkit-transform: rotateY(27deg) translateZ(-71px);
transform: rotateY(27deg) translateZ(-71px);
}
.depth:nth-child(277) .shooting {
left: 32%;
-webkit-animation-delay: -3443ms;
animation-delay: -3443ms;
}
.depth:nth-child(278) {
-webkit-transform: rotateY(239deg) translateZ(8px);
transform: rotateY(239deg) translateZ(8px);
}
.depth:nth-child(278) .shooting {
left: 59%;
-webkit-animation-delay: -3895ms;
animation-delay: -3895ms;
}
.depth:nth-child(279) {
-webkit-transform: rotateY(11deg) translateZ(-70px);
transform: rotateY(11deg) translateZ(-70px);
}
.depth:nth-child(279) .shooting {
left: 38%;
-webkit-animation-delay: -7319ms;
animation-delay: -7319ms;
}
.depth:nth-child(280) {
-webkit-transform: rotateY(231deg) translateZ(40px);
transform: rotateY(231deg) translateZ(40px);
}
.depth:nth-child(280) .shooting {
left: 70%;
-webkit-animation-delay: -6436ms;
animation-delay: -6436ms;
}
.depth:nth-child(281) {
-webkit-transform: rotateY(184deg) translateZ(85px);
transform: rotateY(184deg) translateZ(85px);
}
.depth:nth-child(281) .shooting {
left: 44%;
-webkit-animation-delay: -5620ms;
animation-delay: -5620ms;
}
.depth:nth-child(282) {
-webkit-transform: rotateY(33deg) translateZ(-30px);
transform: rotateY(33deg) translateZ(-30px);
}
.depth:nth-child(282) .shooting {
left: 46%;
-webkit-animation-delay: -3547ms;
animation-delay: -3547ms;
}
.depth:nth-child(283) {
-webkit-transform: rotateY(188deg) translateZ(55px);
transform: rotateY(188deg) translateZ(55px);
}
.depth:nth-child(283) .shooting {
left: 70%;
-webkit-animation-delay: -2017ms;
animation-delay: -2017ms;
}
.depth:nth-child(284) {
-webkit-transform: rotateY(243deg) translateZ(4px);
transform: rotateY(243deg) translateZ(4px);
}
.depth:nth-child(284) .shooting {
left: 55%;
-webkit-animation-delay: -3919ms;
animation-delay: -3919ms;
}
.depth:nth-child(285) {
-webkit-transform: rotateY(351deg) translateZ(57px);
transform: rotateY(351deg) translateZ(57px);
}
.depth:nth-child(285) .shooting {
left: 39%;
-webkit-animation-delay: -9207ms;
animation-delay: -9207ms;
}
.depth:nth-child(286) {
-webkit-transform: rotateY(337deg) translateZ(22px);
transform: rotateY(337deg) translateZ(22px);
}
.depth:nth-child(286) .shooting {
left: 56%;
-webkit-animation-delay: -4295ms;
animation-delay: -4295ms;
}
.depth:nth-child(287) {
-webkit-transform: rotateY(200deg) translateZ(-24px);
transform: rotateY(200deg) translateZ(-24px);
}
.depth:nth-child(287) .shooting {
left: 49%;
-webkit-animation-delay: -6255ms;
animation-delay: -6255ms;
}
.depth:nth-child(288) {
-webkit-transform: rotateY(148deg) translateZ(-36px);
transform: rotateY(148deg) translateZ(-36px);
}
.depth:nth-child(288) .shooting {
left: 48%;
-webkit-animation-delay: -405ms;
animation-delay: -405ms;
}
.depth:nth-child(289) {
-webkit-transform: rotateY(245deg) translateZ(-60px);
transform: rotateY(245deg) translateZ(-60px);
}
.depth:nth-child(289) .shooting {
left: 50%;
-webkit-animation-delay: -3577ms;
animation-delay: -3577ms;
}
.depth:nth-child(290) {
-webkit-transform: rotateY(36deg) translateZ(-27px);
transform: rotateY(36deg) translateZ(-27px);
}
.depth:nth-child(290) .shooting {
left: 57%;
-webkit-animation-delay: -5378ms;
animation-delay: -5378ms;
}
.depth:nth-child(291) {
-webkit-transform: rotateY(300deg) translateZ(20px);
transform: rotateY(300deg) translateZ(20px);
}
.depth:nth-child(291) .shooting {
left: 52%;
-webkit-animation-delay: -8420ms;
animation-delay: -8420ms;
}
.depth:nth-child(292) {
-webkit-transform: rotateY(282deg) translateZ(-61px);
transform: rotateY(282deg) translateZ(-61px);
}
.depth:nth-child(292) .shooting {
left: 55%;
-webkit-animation-delay: -3635ms;
animation-delay: -3635ms;
}
.depth:nth-child(293) {
-webkit-transform: rotateY(209deg) translateZ(-39px);
transform: rotateY(209deg) translateZ(-39px);
}
.depth:nth-child(293) .shooting {
left: 56%;
-webkit-animation-delay: -9944ms;
animation-delay: -9944ms;
}
.depth:nth-child(294) {
-webkit-transform: rotateY(16deg) translateZ(17px);
transform: rotateY(16deg) translateZ(17px);
}
.depth:nth-child(294) .shooting {
left: 68%;
-webkit-animation-delay: -4372ms;
animation-delay: -4372ms;
}
.depth:nth-child(295) {
-webkit-transform: rotateY(62deg) translateZ(-46px);
transform: rotateY(62deg) translateZ(-46px);
}
.depth:nth-child(295) .shooting {
left: 55%;
-webkit-animation-delay: -1266ms;
animation-delay: -1266ms;
}
.depth:nth-child(296) {
-webkit-transform: rotateY(324deg) translateZ(70px);
transform: rotateY(324deg) translateZ(70px);
}
.depth:nth-child(296) .shooting {
left: 43%;
-webkit-animation-delay: -2717ms;
animation-delay: -2717ms;
}
.depth:nth-child(297) {
-webkit-transform: rotateY(283deg) translateZ(-3px);
transform: rotateY(283deg) translateZ(-3px);
}
.depth:nth-child(297) .shooting {
left: 44%;
-webkit-animation-delay: -919ms;
animation-delay: -919ms;
}
.depth:nth-child(298) {
-webkit-transform: rotateY(75deg) translateZ(31px);
transform: rotateY(75deg) translateZ(31px);
}
.depth:nth-child(298) .shooting {
left: 31%;
-webkit-animation-delay: -9598ms;
animation-delay: -9598ms;
}
.depth:nth-child(299) {
-webkit-transform: rotateY(354deg) translateZ(73px);
transform: rotateY(354deg) translateZ(73px);
}
.depth:nth-child(299) .shooting {
left: 63%;
-webkit-animation-delay: -1677ms;
animation-delay: -1677ms;
}
.depth:nth-child(300) {
-webkit-transform: rotateY(206deg) translateZ(-96px);
transform: rotateY(206deg) translateZ(-96px);
}
.depth:nth-child(300) .shooting {
left: 34%;
-webkit-animation-delay: -5483ms;
animation-delay: -5483ms;
}
.depth:nth-child(301) {
-webkit-transform: rotateY(32deg) translateZ(40px);
transform: rotateY(32deg) translateZ(40px);
}
.depth:nth-child(301) .shooting {
left: 55%;
-webkit-animation-delay: -8485ms;
animation-delay: -8485ms;
}
.depth:nth-child(302) {
-webkit-transform: rotateY(311deg) translateZ(-92px);
transform: rotateY(311deg) translateZ(-92px);
}
.depth:nth-child(302) .shooting {
left: 58%;
-webkit-animation-delay: -3787ms;
animation-delay: -3787ms;
}
.depth:nth-child(303) {
-webkit-transform: rotateY(318deg) translateZ(59px);
transform: rotateY(318deg) translateZ(59px);
}
.depth:nth-child(303) .shooting {
left: 60%;
-webkit-animation-delay: -7938ms;
animation-delay: -7938ms;
}
.depth:nth-child(304) {
-webkit-transform: rotateY(269deg) translateZ(-99px);
transform: rotateY(269deg) translateZ(-99px);
}
.depth:nth-child(304) .shooting {
left: 54%;
-webkit-animation-delay: -5082ms;
animation-delay: -5082ms;
}
.depth:nth-child(305) {
-webkit-transform: rotateY(20deg) translateZ(-98px);
transform: rotateY(20deg) translateZ(-98px);
}
.depth:nth-child(305) .shooting {
left: 69%;
-webkit-animation-delay: -2115ms;
animation-delay: -2115ms;
}
.depth:nth-child(306) {
-webkit-transform: rotateY(292deg) translateZ(-19px);
transform: rotateY(292deg) translateZ(-19px);
}
.depth:nth-child(306) .shooting {
left: 55%;
-webkit-animation-delay: -6136ms;
animation-delay: -6136ms;
}
.depth:nth-child(307) {
-webkit-transform: rotateY(336deg) translateZ(45px);
transform: rotateY(336deg) translateZ(45px);
}
.depth:nth-child(307) .shooting {
left: 67%;
-webkit-animation-delay: -9128ms;
animation-delay: -9128ms;
}
.depth:nth-child(308) {
-webkit-transform: rotateY(318deg) translateZ(-19px);
transform: rotateY(318deg) translateZ(-19px);
}
.depth:nth-child(308) .shooting {
left: 44%;
-webkit-animation-delay: -3758ms;
animation-delay: -3758ms;
}
.depth:nth-child(309) {
-webkit-transform: rotateY(58deg) translateZ(-85px);
transform: rotateY(58deg) translateZ(-85px);
}
.depth:nth-child(309) .shooting {
left: 69%;
-webkit-animation-delay: -6860ms;
animation-delay: -6860ms;
}
.depth:nth-child(310) {
-webkit-transform: rotateY(26deg) translateZ(76px);
transform: rotateY(26deg) translateZ(76px);
}
.depth:nth-child(310) .shooting {
left: 69%;
-webkit-animation-delay: -5206ms;
animation-delay: -5206ms;
}
.depth:nth-child(311) {
-webkit-transform: rotateY(208deg) translateZ(-39px);
transform: rotateY(208deg) translateZ(-39px);
}
.depth:nth-child(311) .shooting {
left: 42%;
-webkit-animation-delay: -3495ms;
animation-delay: -3495ms;
}
.depth:nth-child(312) {
-webkit-transform: rotateY(226deg) translateZ(-46px);
transform: rotateY(226deg) translateZ(-46px);
}
.depth:nth-child(312) .shooting {
left: 39%;
-webkit-animation-delay: -5028ms;
animation-delay: -5028ms;
}
.depth:nth-child(313) {
-webkit-transform: rotateY(195deg) translateZ(-49px);
transform: rotateY(195deg) translateZ(-49px);
}
.depth:nth-child(313) .shooting {
left: 43%;
-webkit-animation-delay: -4792ms;
animation-delay: -4792ms;
}
.depth:nth-child(314) {
-webkit-transform: rotateY(157deg) translateZ(-51px);
transform: rotateY(157deg) translateZ(-51px);
}
.depth:nth-child(314) .shooting {
left: 64%;
-webkit-animation-delay: -6750ms;
animation-delay: -6750ms;
}
.depth:nth-child(315) {
-webkit-transform: rotateY(265deg) translateZ(6px);
transform: rotateY(265deg) translateZ(6px);
}
.depth:nth-child(315) .shooting {
left: 43%;
-webkit-animation-delay: -6960ms;
animation-delay: -6960ms;
}
.depth:nth-child(316) {
-webkit-transform: rotateY(127deg) translateZ(34px);
transform: rotateY(127deg) translateZ(34px);
}
.depth:nth-child(316) .shooting {
left: 65%;
-webkit-animation-delay: -6089ms;
animation-delay: -6089ms;
}
.depth:nth-child(317) {
-webkit-transform: rotateY(31deg) translateZ(-19px);
transform: rotateY(31deg) translateZ(-19px);
}
.depth:nth-child(317) .shooting {
left: 66%;
-webkit-animation-delay: -8860ms;
animation-delay: -8860ms;
}
.depth:nth-child(318) {
-webkit-transform: rotateY(142deg) translateZ(-33px);
transform: rotateY(142deg) translateZ(-33px);
}
.depth:nth-child(318) .shooting {
left: 50%;
-webkit-animation-delay: -4769ms;
animation-delay: -4769ms;
}
.depth:nth-child(319) {
-webkit-transform: rotateY(7deg) translateZ(-38px);
transform: rotateY(7deg) translateZ(-.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0