纯css实现粒子落叶飞舞动画效果
代码语言:html
所属分类:粒子
代码描述:纯css实现粒子落叶飞舞动画效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Baloo+Paaji+2:wght@400&display=swap'> <style> body { background: #fff; height: 100vh; overflow: hidden; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-perspective: 800px; perspective: 800px; font-family: 'Baloo Paaji 2', cursive; } .title { font-size: 6rem; color: #fcc; } div { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; top: 0; left: 0; } .camera { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .camera.-y { -webkit-animation: cameraY 30s linear infinite; animation: cameraY 30s linear infinite; } .camera.-x { -webkit-transform: rotateX(10deg) translateY(-300px); transform: rotateX(10deg) translateY(-300px); } .sakura { position: relative; width: 20px; height: 20px; border-radius: 0% 100% 0% 100% / 0% 100% 0% 100%; background: #fcc; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .sakura::before { content: ''; position: absolute; width: 100%; height: 100%; background: #fcc; border-radius: 0% 100% 0% 100% / 0% 100% 0% 100%; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: rotate(15deg); transform: rotate(15deg); } .slide { position: absolute; top: 0; left: 0; -webkit-animation: slide 8s linear infinite; animation: slide 8s linear infinite; } .drop { position: absolute; top: 0; left: 0; -webkit-animation: drop 4s linear infinite; animation: drop 4s linear infinite; } .drop:nth-child(1) { left: 28%; -webkit-animation-delay: -6550ms; animation-delay: -6550ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(1) .slide { -webkit-animation-delay: -4918ms; animation-delay: -4918ms; -webkit-animation-duration: 15s; animation-duration: 15s; } .drop:nth-child(1) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(1) .rotate { -webkit-animation-delay: -9858ms; animation-delay: -9858ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(1) .move, .drop:nth-child(1) .reverse { -webkit-animation-delay: -8247ms; animation-delay: -8247ms; } .drop:nth-child(1) .z { -webkit-transform: translateZ(642px); transform: translateZ(642px); } .drop:nth-child(2) { left: 59%; -webkit-animation-delay: -3351ms; animation-delay: -3351ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(2) .slide { -webkit-animation-delay: -6173ms; animation-delay: -6173ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(2) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(2) .rotate { -webkit-animation-delay: -7001ms; animation-delay: -7001ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(2) .move, .drop:nth-child(2) .reverse { -webkit-animation-delay: -9966ms; animation-delay: -9966ms; } .drop:nth-child(2) .z { -webkit-transform: translateZ(198px); transform: translateZ(198px); } .drop:nth-child(3) { left: 39%; -webkit-animation-delay: -4290ms; animation-delay: -4290ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(3) .slide { -webkit-animation-delay: -9204ms; animation-delay: -9204ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(3) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(3) .rotate { -webkit-animation-delay: -4136ms; animation-delay: -4136ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(3) .move, .drop:nth-child(3) .reverse { -webkit-animation-delay: -8595ms; animation-delay: -8595ms; } .drop:nth-child(3) .z { -webkit-transform: translateZ(713px); transform: translateZ(713px); } .drop:nth-child(4) { left: 50%; -webkit-animation-delay: -4555ms; animation-delay: -4555ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(4) .slide { -webkit-animation-delay: -1820ms; animation-delay: -1820ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(4) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(4) .rotate { -webkit-animation-delay: -8328ms; animation-delay: -8328ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(4) .move, .drop:nth-child(4) .reverse { -webkit-animation-delay: -2245ms; animation-delay: -2245ms; } .drop:nth-child(4) .z { -webkit-transform: translateZ(-3px); transform: translateZ(-3px); } .drop:nth-child(5) { left: 17%; -webkit-animation-delay: -3176ms; animation-delay: -3176ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(5) .slide { -webkit-animation-delay: -6186ms; animation-delay: -6186ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(5) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(5) .rotate { -webkit-animation-delay: -2094ms; animation-delay: -2094ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(5) .move, .drop:nth-child(5) .reverse { -webkit-animation-delay: -2558ms; animation-delay: -2558ms; } .drop:nth-child(5) .z { -webkit-transform: translateZ(-688px); transform: translateZ(-688px); } .drop:nth-child(6) { left: 87%; -webkit-animation-delay: -4698ms; animation-delay: -4698ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(6) .slide { -webkit-animation-delay: -383ms; animation-delay: -383ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(6) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(6) .rotate { -webkit-animation-delay: -7435ms; animation-delay: -7435ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(6) .move, .drop:nth-child(6) .reverse { -webkit-animation-delay: -2194ms; animation-delay: -2194ms; } .drop:nth-child(6) .z { -webkit-transform: translateZ(-496px); transform: translateZ(-496px); } .drop:nth-child(7) { left: 73%; -webkit-animation-delay: -5747ms; animation-delay: -5747ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(7) .slide { -webkit-animation-delay: -2794ms; animation-delay: -2794ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(7) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(7) .rotate { -webkit-animation-delay: -3248ms; animation-delay: -3248ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(7) .move, .drop:nth-child(7) .reverse { -webkit-animation-delay: -8751ms; animation-delay: -8751ms; } .drop:nth-child(7) .z { -webkit-transform: translateZ(954px); transform: translateZ(954px); } .drop:nth-child(8) { left: 89%; -webkit-animation-delay: -312ms; animation-delay: -312ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(8) .slide { -webkit-animation-delay: -6626ms; animation-delay: -6626ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(8) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(8) .rotate { -webkit-animation-delay: -4156ms; animation-delay: -4156ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(8) .move, .drop:nth-child(8) .reverse { -webkit-animation-delay: -4577ms; animation-delay: -4577ms; } .drop:nth-child(8) .z { -webkit-transform: translateZ(-389px); transform: translateZ(-389px); } .drop:nth-child(9) { left: 33%; -webkit-animation-delay: -8751ms; animation-delay: -8751ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(9) .slide { -webkit-animation-delay: -3493ms; animation-delay: -3493ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(9) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(9) .rotate { -webkit-animation-delay: -5107ms; animation-delay: -5107ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(9) .move, .drop:nth-child(9) .reverse { -webkit-animation-delay: -6013ms; animation-delay: -6013ms; } .drop:nth-child(9) .z { -webkit-transform: translateZ(-566px); transform: translateZ(-566px); } .drop:nth-child(10) { left: 13%; -webkit-animation-delay: -6318ms; animation-delay: -6318ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(10) .slide { -webkit-animation-delay: -1960ms; animation-delay: -1960ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(10) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(10) .rotate { -webkit-animation-delay: -1972ms; animation-delay: -1972ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(10) .move, .drop:nth-child(10) .reverse { -webkit-animation-delay: -3999ms; animation-delay: -3999ms; } .drop:nth-child(10) .z { -webkit-transform: translateZ(-645px); transform: translateZ(-645px); } .drop:nth-child(11) { left: 92%; -webkit-animation-delay: -5267ms; animation-delay: -5267ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(11) .slide { -webkit-animation-delay: -6075ms; animation-delay: -6075ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(11) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(11) .rotate { -webkit-animation-delay: -126ms; animation-delay: -126ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(11) .move, .drop:nth-child(11) .reverse { -webkit-animation-delay: -4579ms; animation-delay: -4579ms; } .drop:nth-child(11) .z { -webkit-transform: translateZ(619px); transform: translateZ(619px); } .drop:nth-child(12) { left: 94%; -webkit-animation-delay: -182ms; animation-delay: -182ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(12) .slide { -webkit-animation-delay: -4242ms; animation-delay: -4242ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(12) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(12) .rotate { -webkit-animation-delay: -3234ms; animation-delay: -3234ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(12) .move, .drop:nth-child(12) .reverse { -webkit-animation-delay: -7296ms; animation-delay: -7296ms; } .drop:nth-child(12) .z { -webkit-transform: translateZ(759px); transform: translateZ(759px); } .drop:nth-child(13) { left: 41%; -webkit-animation-delay: -9502ms; animation-delay: -9502ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(13) .slide { -webkit-animation-delay: -9009ms; animation-delay: -9009ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(13) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(13) .rotate { -webkit-animation-delay: -3715ms; animation-delay: -3715ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(13) .move, .drop:nth-child(13) .reverse { -webkit-animation-delay: -638ms; animation-delay: -638ms; } .drop:nth-child(13) .z { -webkit-transform: translateZ(-670px); transform: translateZ(-670px); } .drop:nth-child(14) { left: 80%; -webkit-animation-delay: -9721ms; animation-delay: -9721ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(14) .slide { -webkit-animation-delay: -2335ms; animation-delay: -2335ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(14) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(14) .rotate { -webkit-animation-delay: -4525ms; animation-delay: -4525ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(14) .move, .drop:nth-child(14) .reverse { -webkit-animation-delay: -251ms; animation-delay: -251ms; } .drop:nth-child(14) .z { -webkit-transform: translateZ(917px); transform: translateZ(917px); } .drop:nth-child(15) { left: 34%; -webkit-animation-delay: -8995ms; animation-delay: -8995ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(15) .slide { -webkit-animation-delay: -3827ms; animation-delay: -3827ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(15) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(15) .rotate { -webkit-animation-delay: -5613ms; animation-delay: -5613ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(15) .move, .drop:nth-child(15) .reverse { -webkit-animation-delay: -7245ms; animation-delay: -7245ms; } .drop:nth-child(15) .z { -webkit-transform: translateZ(-168px); transform: translateZ(-168px); } .drop:nth-child(16) { left: 90%; -webkit-animation-delay: -8696ms; animation-delay: -8696ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(16) .slide { -webkit-animation-delay: -436ms; animation-delay: -436ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(16) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(16) .rotate { -webkit-animation-delay: -9657ms; animation-delay: -9657ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(16) .move, .drop:nth-child(16) .reverse { -webkit-animation-delay: -5957ms; animation-delay: -5957ms; } .drop:nth-child(16) .z { -webkit-transform: translateZ(-731px); transform: translateZ(-731px); } .drop:nth-child(17) { left: 42%; -webkit-animation-delay: -3781ms; animation-delay: -3781ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(17) .slide { -webkit-animation-delay: -375ms; animation-delay: -375ms; -webkit-animation-duration: 14s; animation-duration: 14s; } .drop:nth-child(17) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(17) .rotate { -webkit-animation-delay: -3044ms; animation-delay: -3044ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(17) .move, .drop:nth-child(17) .reverse { -webkit-animation-delay: -4764ms; animation-delay: -4764ms; } .drop:nth-child(17) .z { -webkit-transform: translateZ(-708px); transform: translateZ(-708px); } .drop:nth-child(18) { left: 3%; -webkit-animation-delay: -8662ms; animation-delay: -8662ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(18) .slide { -webkit-animation-delay: -7233ms; animation-delay: -7233ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(18) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(18) .rotate { -webkit-animation-delay: -5905ms; animation-delay: -5905ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(18) .move, .drop:nth-child(18) .reverse { -webkit-animation-delay: -8192ms; animation-delay: -8192ms; } .drop:nth-child(18) .z { -webkit-transform: translateZ(813px); transform: translateZ(813px); } .drop:nth-child(19) { left: 77%; -webkit-animation-delay: -9854ms; animation-delay: -9854ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(19) .slide { -webkit-animation-delay: -3086ms; animation-delay: -3086ms; -webkit-animation-duration: 14s; animation-duration: 14s; } .drop:nth-child(19) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(19) .rotate { -webkit-animation-delay: -3515ms; animation-delay: -3515ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(19) .move, .drop:nth-child(19) .reverse { -webkit-animation-delay: -9032ms; animation-delay: -9032ms; } .drop:nth-child(19) .z { -webkit-transform: translateZ(-171px); transform: translateZ(-171px); } .drop:nth-child(20) { left: 8%; -webkit-animation-delay: -7051ms; animation-delay: -7051ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(20) .slide { -webkit-animation-delay: -9754ms; animation-delay: -9754ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(20) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(20) .rotate { -webkit-animation-delay: -9225ms; animation-delay: -9225ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(20) .move, .drop:nth-child(20) .reverse { -webkit-animation-delay: -2938ms; animation-delay: -2938ms; } .drop:nth-child(20) .z { -webkit-transform: translateZ(-581px); transform: translateZ(-581px); } .drop:nth-child(21) { left: 13%; -webkit-animation-delay: -2477ms; animation-delay: -2477ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(21) .slide { -webkit-animation-delay: -4468ms; animation-delay: -4468ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(21) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(21) .rotate { -webkit-animation-delay: -1957ms; animation-delay: -1957ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(21) .move, .drop:nth-child(21) .reverse { -webkit-animation-delay: -8980ms; animation-delay: -8980ms; } .drop:nth-child(21) .z { -webkit-transform: translateZ(-454px); transform: translateZ(-454px); } .drop:nth-child(22) { left: 94%; -webkit-animation-delay: -8789ms; animation-delay: -8789ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(22) .slide { -webkit-animation-delay: -3705ms; animation-delay: -3705ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(22) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(22) .rotate { -webkit-animation-delay: -4119ms; animation-delay: -4119ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(22) .move, .drop:nth-child(22) .reverse { -webkit-animation-delay: -5322ms; animation-delay: -5322ms; } .drop:nth-child(22) .z { -webkit-transform: translateZ(575px); transform: translateZ(575px); } .drop:nth-child(23) { left: 21%; -webkit-animation-delay: -8001ms; animation-delay: -8001ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(23) .slide { -webkit-animation-delay: -3228ms; animation-delay: -3228ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(23) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(23) .rotate { -webkit-animation-delay: -9951ms; animation-delay: -9951ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(23) .move, .drop:nth-child(23) .reverse { -webkit-animation-delay: -302ms; animation-delay: -302ms; } .drop:nth-child(23) .z { -webkit-transform: translateZ(119px); transform: translateZ(119px); } .drop:nth-child(24) { left: 55%; -webkit-animation-delay: -1775ms; animation-delay: -1775ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(24) .slide { -webkit-animation-delay: -8917ms; animation-delay: -8917ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(24) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(24) .rotate { -webkit-animation-delay: -6533ms; animation-delay: -6533ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(24) .move, .drop:nth-child(24) .reverse { -webkit-animation-delay: -8042ms; animation-delay: -8042ms; } .drop:nth-child(24) .z { -webkit-transform: translateZ(-228px); transform: translateZ(-228px); } .drop:nth-child(25) { left: 66%; -webkit-animation-delay: -6276ms; animation-delay: -6276ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(25) .slide { -webkit-animation-delay: -1530ms; animation-delay: -1530ms; -webkit-animation-duration: 15s; animation-duration: 15s; } .drop:nth-child(25) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(25) .rotate { -webkit-animation-delay: -3948ms; animation-delay: -3948ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(25) .move, .drop:nth-child(25) .reverse { -webkit-animation-delay: -9650ms; animation-delay: -9650ms; } .drop:nth-child(25) .z { -webkit-transform: translateZ(-65px); transform: translateZ(-65px); } .drop:nth-child(26) { left: 76%; -webkit-animation-delay: -1383ms; animation-delay: -1383ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(26) .slide { -webkit-animation-delay: -2101ms; animation-delay: -2101ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(26) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(26) .rotate { -webkit-animation-delay: -5298ms; animation-delay: -5298ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(26) .move, .drop:nth-child(26) .reverse { -webkit-animation-delay: -5298ms; animation-delay: -5298ms; } .drop:nth-child(26) .z { -webkit-transform: translateZ(-178px); transform: translateZ(-178px); } .drop:nth-child(27) { left: 44%; -webkit-animation-delay: -1687ms; animation-delay: -1687ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(27) .slide { -webkit-animation-delay: -3620ms; animation-delay: -3620ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(27) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(27) .rotate { -webkit-animation-delay: -2519ms; animation-delay: -2519ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(27) .move, .drop:nth-child(27) .reverse { -webkit-animation-delay: -4104ms; animation-delay: -4104ms; } .drop:nth-child(27) .z { -webkit-transform: translateZ(-389px); transform: translateZ(-389px); } .drop:nth-child(28) { left: 90%; -webkit-animation-delay: -2822ms; animation-delay: -2822ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(28) .slide { -webkit-animation-delay: -1424ms; animation-delay: -1424ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(28) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(28) .rotate { -webkit-animation-delay: -7820ms; animation-delay: -7820ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(28) .move, .drop:nth-child(28) .reverse { -webkit-animation-delay: -196ms; animation-delay: -196ms; } .drop:nth-child(28) .z { -webkit-transform: translateZ(-523px); transform: translateZ(-523px); } .drop:nth-child(29) { left: 49%; -webkit-animation-delay: -7441ms; animation-delay: -7441ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(29) .slide { -webkit-animation-delay: -5958ms; animation-delay: -5958ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(29) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(29) .rotate { -webkit-animation-delay: -6182ms; animation-delay: -6182ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(29) .move, .drop:nth-child(29) .reverse { -webkit-animation-delay: -5529ms; animation-delay: -5529ms; } .drop:nth-child(29) .z { -webkit-transform: translateZ(533px); transform: translateZ(533px); } .drop:nth-child(30) { left: 96%; -webkit-animation-delay: -5609ms; animation-delay: -5609ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(30) .slide { -webkit-animation-delay: -116ms; animation-delay: -116ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(30) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(30) .rotate { -webkit-animation-delay: -739ms; animation-delay: -739ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(30) .move, .drop:nth-child(30) .reverse { -webkit-animation-delay: -1384ms; animation-delay: -1384ms; } .drop:nth-child(30) .z { -webkit-transform: translateZ(351px); transform: translateZ(351px); } .drop:nth-child(31) { left: 23%; -webkit-animation-delay: -4251ms; animation-delay: -4251ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(31) .slide { -webkit-animation-delay: -7423ms; animation-delay: -7423ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(31) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(31) .rotate { -webkit-animation-delay: -380ms; animation-delay: -380ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(31) .move, .drop:nth-child(31) .reverse { -webkit-animation-delay: -3181ms; animation-delay: -3181ms; } .drop:nth-child(31) .z { -webkit-transform: translateZ(-996px); transform: translateZ(-996px); } .drop:nth-child(32) { left: 57%; -webkit-animation-delay: -4146ms; animation-delay: -4146ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(32) .slide { -webkit-animation-delay: -5673ms; animation-delay: -5673ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(32) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(32) .rotate { -webkit-animation-delay: -3794ms; animation-delay: -3794ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(32) .move, .drop:nth-child(32) .reverse { -webkit-animation-delay: -7736ms; animation-delay: -7736ms; } .drop:nth-child(32) .z { -webkit-transform: translateZ(448px); transform: translateZ(448px); } .drop:nth-child(33) { left: 14%; -webkit-animation-delay: -5144ms; animation-delay: -5144ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(33) .slide { -webkit-animation-delay: -8630ms; animation-delay: -8630ms; -webkit-animation-duration: 14s; animation-duration: 14s; } .drop:nth-child(33) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(33) .rotate { -webkit-animation-delay: -7047ms; animation-delay: -7047ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(33) .move, .drop:nth-child(33) .reverse { -webkit-animation-delay: -7413ms; animation-delay: -7413ms; } .drop:nth-child(33) .z { -webkit-transform: translateZ(-259px); transform: translateZ(-259px); } .drop:nth-child(34) { left: 83%; -webkit-animation-delay: -6653ms; animation-delay: -6653ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(34) .slide { -webkit-animation-delay: -7056ms; animation-delay: -7056ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(34) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(34) .rotate { -webkit-animation-delay: -2847ms; animation-delay: -2847ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(34) .move, .drop:nth-child(34) .reverse { -webkit-animation-delay: -1437ms; animation-delay: -1437ms; } .drop:nth-child(34) .z { -webkit-transform: translateZ(807px); transform: translateZ(807px); } .drop:nth-child(35) { left: 22%; -webkit-animation-delay: -1872ms; animation-delay: -1872ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(35) .slide { -webkit-animation-delay: -290ms; animation-delay: -290ms; -webkit-animation-duration: 15s; animation-duration: 15s; } .drop:nth-child(35) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(35) .rotate { -webkit-animation-delay: -2324ms; animation-delay: -2324ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(35) .move, .drop:nth-child(35) .reverse { -webkit-animation-delay: -1155ms; animation-delay: -1155ms; } .drop:nth-child(35) .z { -webkit-transform: translateZ(223px); transform: translateZ(223px); } .drop:nth-child(36) { left: 47%; -webkit-animation-delay: -2025ms; animation-delay: -2025ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(36) .slide { -webkit-animation-delay: -8249ms; animation-delay: -8249ms; -webkit-animation-duration: 14s; animation-duration: 14s; } .drop:nth-child(36) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(36) .rotate { -webkit-animation-delay: -2301ms; animation-delay: -2301ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(36) .move, .drop:nth-child(36) .reverse { -webkit-animation-delay: -6696ms; animation-delay: -6696ms; } .drop:nth-child(36) .z { -webkit-transform: translateZ(234px); transform: translateZ(234px); } .drop:nth-child(37) { left: 30%; -webkit-animation-delay: -9253ms; animation-delay: -9253ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(37) .slide { -webkit-animation-delay: -6039ms; animation-delay: -6039ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(37) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(37) .rotate { -webkit-animation-delay: -1437ms; animation-delay: -1437ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(37) .move, .drop:nth-child(37) .reverse { -webkit-animation-delay: -1176ms; animation-delay: -1176ms; } .drop:nth-child(37) .z { -webkit-transform: translateZ(-259px); transform: translateZ(-259px); } .drop:nth-child(38) { left: 77%; -webkit-animation-delay: -1623ms; animation-delay: -1623ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(38) .slide { -webkit-animation-delay: -6489ms; animation-delay: -6489ms; -webkit-animation-duration: 14s; animation-duration: 14s; } .drop:nth-child(38) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(38) .rotate { -webkit-animation-delay: -2399ms; animation-delay: -2399ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(38) .move, .drop:nth-child(38) .reverse { -webkit-animation-delay: -985ms; animation-delay: -985ms; } .drop:nth-child(38) .z { -webkit-transform: translateZ(147px); transform: translateZ(147px); } .drop:nth-child(39) { left: 42%; -webkit-animation-delay: -3629ms; animation-delay: -3629ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(39) .slide { -webkit-animation-delay: -7797ms; animation-delay: -7797ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(39) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(39) .rotate { -webkit-animation-delay: -8917ms; animation-delay: -8917ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(39) .move, .drop:nth-child(39) .reverse { -webkit-animation-delay: -8215ms; animation-delay: -8215ms; } .drop:nth-child(39) .z { -webkit-transform: translateZ(759px); transform: translateZ(759px); } .drop:nth-child(40) { left: 17%; -webkit-animation-delay: -3224ms; animation-delay: -3224ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(40) .slide { -webkit-animation-delay: -3539ms; animation-delay: -3539ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(40) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(40) .rotate { -webkit-animation-delay: -4585ms; animation-delay: -4585ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(40) .move, .drop:nth-child(40) .reverse { -webkit-animation-delay: -9187ms; animation-delay: -9187ms; } .drop:nth-child(40) .z { -webkit-transform: translateZ(-436px); transform: translateZ(-436px); } .drop:nth-child(41) { left: 99%; -webkit-animation-delay: -3014ms; animation-delay: -3014ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(41) .slide { -webkit-animation-delay: -4669ms; animation-delay: -4669ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(41) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(41) .rotate { -webkit-animation-delay: -7322ms; animation-delay: -7322ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(41) .move, .drop:nth-child(41) .reverse { -webkit-animation-delay: -2132ms; animation-delay: -2132ms; } .drop:nth-child(41) .z { -webkit-transform: translateZ(-347px); transform: translateZ(-347px); } .drop:nth-child(42) { left: 35%; -webkit-animation-delay: -2436ms; animation-delay: -2436ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(42) .slide { -webkit-animation-delay: -299ms; animation-delay: -299ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(42) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(42) .rotate { -webkit-animation-delay: -1711ms; animation-delay: -1711ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(42) .move, .drop:nth-child(42) .reverse { -webkit-animation-delay: -7076ms; animation-delay: -7076ms; } .drop:nth-child(42) .z { -webkit-transform: translateZ(-994px); transform: translateZ(-994px); } .drop:nth-child(43) { left: 32%; -webkit-animation-delay: -2674ms; animation-delay: -2674ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(43) .slide { -webkit-animation-delay: -9483ms; animation-delay: -9483ms; -webkit-animation-duration: 15s; animation-duration: 15s; } .drop:nth-child(43) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(43) .rotate { -webkit-animation-delay: -2986ms; animation-delay: -2986ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(43) .move, .drop:nth-child(43) .reverse { -webkit-animation-delay: -8391ms; animation-delay: -8391ms; } .drop:nth-child(43) .z { -webkit-transform: translateZ(-84px); transform: translateZ(-84px); } .drop:nth-child(44) { left: 42%; -webkit-animation-delay: -3350ms; animation-delay: -3350ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(44) .slide { -webkit-animation-delay: -7771ms; animation-delay: -7771ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(44) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(44) .rotate { -webkit-animation-delay: -3278ms; animation-delay: -3278ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(44) .move, .drop:nth-child(44) .reverse { -webkit-animation-delay: -241ms; animation-delay: -241ms; } .drop:nth-child(44) .z { -webkit-transform: translateZ(434px); transform: translateZ(434px); } .drop:nth-child(45) { left: 88%; -webkit-animation-delay: -7753ms; animation-delay: -7753ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(45) .slide { -webkit-animation-delay: -7175ms; animation-delay: -7175ms; -webkit-animation-duration: 15s; animation-duration: 15s; } .drop:nth-child(45) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(45) .rotate { -webkit-animation-delay: -5306ms; animation-delay: -5306ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(45) .move, .drop:nth-child(45) .reverse { -webkit-animation-delay: -6247ms; animation-delay: -6247ms; } .drop:nth-child(45) .z { -webkit-transform: translateZ(243px); transform: translateZ(243px); } .drop:nth-child(46) { left: 17%; -webkit-animation-delay: -7078ms; animation-delay: -7078ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(46) .slide { -webkit-animation-delay: -7169ms; animation-delay: -7169ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(46) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(46) .rotate { -webkit-animation-delay: -9460ms; animation-delay: -9460ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(46) .move, .drop:nth-child(46) .reverse { -webkit-animation-delay: -3509ms; animation-delay: -3509ms; } .drop:nth-child(46) .z { -webkit-transform: translateZ(173px); transform: translateZ(173px); } .drop:nth-child(47) { left: 8%; -webkit-animation-delay: -8229ms; animation-delay: -8229ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(47) .slide { -webkit-animation-delay: -5459ms; animation-delay: -5459ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(47) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(47) .rotate { -webkit-animation-delay: -4097ms; animation-delay: -4097ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(47) .move, .drop:nth-child(47) .reverse { -webkit-animation-delay: -6200ms; animation-delay: -6200ms; } .drop:nth-child(47) .z { -webkit-transform: translateZ(-996px); transform: translateZ(-996px); } .drop:nth-child(48) { left: 2%; -webkit-animation-delay: -5282ms; animation-delay: -5282ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(48) .slide { -webkit-animation-delay: -2066ms; animation-delay: -2066ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(48) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(48) .rotate { -webkit-animation-delay: -1016ms; animation-delay: -1016ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(48) .move, .drop:nth-child(48) .reverse { -webkit-animation-delay: -9237ms; animation-delay: -9237ms; } .drop:nth-child(48) .z { -webkit-transform: translateZ(-837px); transform: translateZ(-837px); } .drop:nth-child(49) { left: 18%; -webkit-animation-delay: -1818ms; animation-delay: -1818ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(49) .slide { -webkit-animation-delay: -3050ms; animation-delay: -3050ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(49) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(49) .rotate { -webkit-animation-delay: -4430ms; animation-delay: -4430ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(49) .move, .drop:nth-child(49) .reverse { -webkit-animation-delay: -447ms; animation-delay: -447ms; } .drop:nth-child(49) .z { -webkit-transform: translateZ(-222px); transform: translateZ(-222px); } .drop:nth-child(50) { left: 56%; -webkit-animation-delay: -21ms; animation-delay: -21ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(50) .slide { -webkit-animation-delay: -911ms; animation-delay: -911ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(50) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(50) .rotate { -webkit-animation-delay: -7036ms; animation-delay: -7036ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(50) .move, .drop:nth-child(50) .reverse { -webkit-animation-delay: -5136ms; animation-delay: -5136ms; } .drop:nth-child(50) .z { -webkit-transform: translateZ(-263px); transform: translateZ(-263px); } .drop:nth-child(51) { left: 96%; -webkit-animation-delay: -5282ms; animation-delay: -5282ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(51) .slide { -webkit-animation-delay: -6203ms; animation-delay: -6203ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(51) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(51) .rotate { -webkit-animation-delay: -8740ms; animation-delay: -8740ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(51) .move, .drop:nth-child(51) .reverse { -webkit-animation-delay: -1056ms; animation-delay: -1056ms; } .drop:nth-child(51) .z { -webkit-transform: translateZ(-134px); transform: translateZ(-134px); } .drop:nth-child(52) { left: 32%; -webkit-animation-delay: -1941ms; animation-delay: -1941ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(52) .slide { -webkit-animation-delay: -9105ms; animation-delay: -9105ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(52) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(52) .rotate { -webkit-animation-delay: -6551ms; animation-delay: -6551ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(52) .move, .drop:nth-child(52) .reverse { -webkit-animation-delay: -8886ms; animation-delay: -8886ms; } .drop:nth-child(52) .z { -webkit-transform: translateZ(-814px); transform: translateZ(-814px); } .drop:nth-child(53) { left: 84%; -webkit-animation-delay: -2358ms; animation-delay: -2358ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(53) .slide { -webkit-animation-delay: -8982ms; animation-delay: -8982ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(53) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(53) .rotate { -webkit-animation-delay: -248ms; animation-delay: -248ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(53) .move, .drop:nth-child(53) .reverse { -webkit-animation-delay: -406ms; animation-delay: -406ms; } .drop:nth-child(53) .z { -webkit-transform: translateZ(-673px); transform: translateZ(-673px); } .drop:nth-child(54) { left: 72%; -webkit-animation-delay: -8152ms; animation-delay: -8152ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(54) .slide { -webkit-animation-delay: -7904ms; animation-delay: -7904ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(54) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(54) .rotate { -webkit-animation-delay: -2491ms; animation-delay: -2491ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(54) .move, .drop:nth-child(54) .reverse { -webkit-animation-delay: -6325ms; animation-delay: -6325ms; } .drop:nth-child(54) .z { -webkit-transform: translateZ(135px); transform: translateZ(135px); } .drop:nth-child(55) { left: 60%; -webkit-animation-delay: -9389ms; animation-delay: -9389ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(55) .slide { -webkit-animation-delay: -8309ms; animation-delay: -8309ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(55) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(55) .rotate { -webkit-animation-delay: -6112ms; animation-delay: -6112ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(55) .move, .drop:nth-child(55) .reverse { -webkit-animation-delay: -5731ms; animation-delay: -5731ms; } .drop:nth-child(55) .z { -webkit-transform: translateZ(-734px); transform: translateZ(-734px); } .drop:nth-child(56) { left: 54%; -webkit-animation-delay: -3496ms; animation-delay: -3496ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(56) .slide { -webkit-animation-delay: -7504ms; animation-delay: -7504ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(56) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(56) .rotate { -webkit-animation-delay: -8560ms; animation-delay: -8560ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(56) .move, .drop:nth-child(56) .reverse { -webkit-animation-delay: -9758ms; animation-delay: -9758ms; } .drop:nth-child(56) .z { -webkit-transform: translateZ(558px); transform: translateZ(558px); } .drop:nth-child(57) { left: 98%; -webkit-animation-delay: -8557ms; animation-delay: -8557ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(57) .slide { -webkit-animation-delay: -2470ms; animation-delay: -2470ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(57) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(57) .rotate { -webkit-animation-delay: -8609ms; animation-delay: -8609ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(57) .move, .drop:nth-child(57) .reverse { -webkit-animation-delay: -6566ms; animation-delay: -6566ms; } .drop:nth-child(57) .z { -webkit-transform: translateZ(-700px); transform: translateZ(-700px); } .drop:nth-child(58) { left: 67%; -webkit-animation-delay: -2075ms; animation-delay: -2075ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(58) .slide { -webkit-animation-delay: -496ms; animation-delay: -496ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(58) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(58) .rotate { -webkit-animation-delay: -9627ms; animation-delay: -9627ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(58) .move, .drop:nth-child(58) .reverse { -webkit-animation-delay: -9868ms; animation-delay: -9868ms; } .drop:nth-child(58) .z { -webkit-transform: translateZ(-926px); transform: translateZ(-926px); } .drop:nth-child(59) { left: 7%; -webkit-animation-delay: -3678ms; animation-delay: -3678ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(59) .slide { -webkit-animation-delay: -5831ms; animation-delay: -5831ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(59) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(59) .rotate { -webkit-animation-delay: -7733ms; animation-delay: -7733ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(59) .move, .drop:nth-child(59) .reverse { -webkit-animation-delay: -4200ms; animation-delay: -4200ms; } .drop:nth-child(59) .z { -webkit-transform: translateZ(-960px); transform: translateZ(-960px); } .drop:nth-child(60) { left: 68%; -webkit-animation-delay: -1130ms; animation-delay: -1130ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(60) .slide { -webkit-animation-delay: -2393ms; animation-delay: -2393ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(60) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(60) .rotate { -webkit-animation-delay: -2780ms; animation-delay: -2780ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(60) .move, .drop:nth-child(60) .reverse { -webkit-animation-delay: -5227ms; animation-delay: -5227ms; } .drop:nth-child(60) .z { -webkit-transform: translateZ(-237px); transform: translateZ(-237px); } .drop:nth-child(61) { left: 37%; -webkit-animation-delay: -6326ms; animation-delay: -6326ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(61) .slide { -webkit-animation-delay: -5620ms; animation-delay: -5620ms; -webkit-animation-duration: 14s; animation-duration: 14s; } .drop:nth-child(61) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(61) .rotate { -webkit-animation-delay: -2047ms; animation-delay: -2047ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(61) .move, .drop:nth-child(61) .reverse { -webkit-animation-delay: -8749ms; animation-delay: -8749ms; } .drop:nth-child(61) .z { -webkit-transform: translateZ(-232px); transform: translateZ(-232px); } .drop:nth-child(62) { left: 1%; -webkit-animation-delay: -6519ms; animation-delay: -6519ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(62) .slide { -webkit-animation-delay: -6246ms; animation-delay: -6246ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(62) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(62) .rotate { -webkit-animation-delay: -497ms; animation-delay: -497ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(62) .move, .drop:nth-child(62) .reverse { -webkit-animation-delay: -1203ms; animation-delay: -1203ms; } .drop:nth-child(62) .z { -webkit-transform: translateZ(-232px); transform: translateZ(-232px); } .drop:nth-child(63) { left: 82%; -webkit-animation-delay: -1934ms; animation-delay: -1934ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(63) .slide { -webkit-animation-delay: -1511ms; animation-delay: -1511ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(63) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(63) .rotate { -webkit-animation-delay: -7927ms; animation-delay: -7927ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(63) .move, .drop:nth-child(63) .reverse { -webkit-animation-delay: -6864ms; animation-delay: -6864ms; } .drop:nth-child(63) .z { -webkit-transform: translateZ(197px); transform: translateZ(197px); } .drop:nth-child(64) { left: 51%; -webkit-animation-delay: -8911ms; animation-delay: -8911ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(64) .slide { -webkit-animation-delay: -5190ms; animation-delay: -5190ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(64) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(64) .rotate { -webkit-animation-delay: -68ms; animation-delay: -68ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(64) .move, .drop:nth-child(64) .reverse { -webkit-animation-delay: -9961ms; animation-delay: -9961ms; } .drop:nth-child(64) .z { -webkit-transform: translateZ(-112px); transform: translateZ(-112px); } .drop:nth-child(65) { left: 50%; -webkit-animation-delay: -9910ms; animation-delay: -9910ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(65) .slide { -webkit-animation-delay: -5893ms; animation-delay: -5893ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(65) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(65) .rotate { -webkit-animation-delay: -6974ms; animation-delay: -6974ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(65) .move, .drop:nth-child(65) .reverse { -webkit-animation-delay: -3044ms; animation-delay: -3044ms; } .drop:nth-child(65) .z { -webkit-transform: translateZ(-534px); transform: translateZ(-534px); } .drop:nth-child(66) { left: 93%; -webkit-animation-delay: -8188ms; animation-delay: -8188ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(66) .slide { -webkit-animation-delay: -4117ms; animation-delay: -4117ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(66) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(66) .rotate { -webkit-animation-delay: -4930ms; animation-delay: -4930ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(66) .move, .drop:nth-child(66) .reverse { -webkit-animation-delay: -5894ms; animation-delay: -5894ms; } .drop:nth-child(66) .z { -webkit-transform: translateZ(188px); transform: translateZ(188px); } .drop:nth-child(67) { left: 27%; -webkit-animation-delay: -2468ms; animation-delay: -2468ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(67) .slide { -webkit-animation-delay: -3956ms; animation-delay: -3956ms; -webkit-animation-duration: 14s; animation-duration: 14s; } .drop:nth-child(67) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(67) .rotate { -webkit-animation-delay: -3094ms; animation-delay: -3094ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(67) .move, .drop:nth-child(67) .reverse { -webkit-animation-delay: -69ms; animation-delay: -69ms; } .drop:nth-child(67) .z { -webkit-transform: translateZ(-332px); transform: translateZ(-332px); } .drop:nth-child(68) { left: 62%; -webkit-animation-delay: -8212ms; animation-delay: -8212ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(68) .slide { -webkit-animation-delay: -6690ms; animation-delay: -6690ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(68) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(68) .rotate { -webkit-animation-delay: -3194ms; animation-delay: -3194ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(68) .move, .drop:nth-child(68) .reverse { -webkit-animation-delay: -4349ms; animation-delay: -4349ms; } .drop:nth-child(68) .z { -webkit-transform: translateZ(-293px); transform: translateZ(-293px); } .drop:nth-child(69) { left: 61%; -webkit-animation-delay: -5356ms; animation-delay: -5356ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(69) .slide { -webkit-animation-delay: -8526ms; animation-delay: -8526ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(69) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(69) .rotate { -webkit-animation-delay: -9849ms; animation-delay: -9849ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(69) .move, .drop:nth-child(69) .reverse { -webkit-animation-delay: -9357ms; animation-delay: -9357ms; } .drop:nth-child(69) .z { -webkit-transform: translateZ(-174px); transform: translateZ(-174px); } .drop:nth-child(70) { left: 18%; -webkit-animation-delay: -1174ms; animation-delay: -1174ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(70) .slide { -webkit-animation-delay: -8317ms; animation-delay: -8317ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(70) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(70) .rotate { -webkit-animation-delay: -8533ms; animation-delay: -8533ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(70) .move, .drop:nth-child(70) .reverse { -webkit-animation-delay: -2589ms; animation-delay: -2589ms; } .drop:nth-child(70) .z { -webkit-transform: translateZ(886px); transform: translateZ(886px); } .drop:nth-child(71) { left: 21%; -webkit-animation-delay: -8958ms; animation-delay: -8958ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(71) .slide { -webkit-animation-delay: -2203ms; animation-delay: -2203ms; -webkit-animation-duration: 14s; animation-duration: 14s; } .drop:nth-child(71) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(71) .rotate { -webkit-animation-delay: -4341ms; animation-delay: -4341ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(71) .move, .drop:nth-child(71) .reverse { -webkit-animation-delay: -9007ms; animation-delay: -9007ms; } .drop:nth-child(71) .z { -webkit-transform: translateZ(-185px); transform: translateZ(-185px); } .drop:nth-child(72) { left: 49%; -webkit-animation-delay: -7180ms; animation-delay: -7180ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(72) .slide { -webkit-animation-delay: -5421ms; animation-delay: -5421ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(72) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(72) .rotate { -webkit-animation-delay: -3923ms; animation-delay: -3923ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(72) .move, .drop:nth-child(72) .reverse { -webkit-animation-delay: -398ms; animation-delay: -398ms; } .drop:nth-child(72) .z { -webkit-transform: translateZ(993px); transform: translateZ(993px); } .drop:nth-child(73) { left: 63%; -webkit-animation-delay: -7605ms; animation-delay: -7605ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(73) .slide { -webkit-animation-delay: -2726ms; animation-delay: -2726ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(73) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(73) .rotate { -webkit-animation-delay: -876ms; animation-delay: -876ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(73) .move, .drop:nth-child(73) .reverse { -webkit-animation-delay: -9852ms; animation-delay: -9852ms; } .drop:nth-child(73) .z { -webkit-transform: translateZ(569px); transform: translateZ(569px); } .drop:nth-child(74) { left: 27%; -webkit-animation-delay: -3685ms; animation-delay: -3685ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(74) .slide { -webkit-animation-delay: -4527ms; animation-delay: -4527ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(74) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(74) .rotate { -webkit-animation-delay: -88ms; animation-delay: -88ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(74) .move, .drop:nth-child(74) .reverse { -webkit-animation-delay: -8782ms; animation-delay: -8782ms; } .drop:nth-child(74) .z { -webkit-transform: translateZ(-1px); transform: translateZ(-1px); } .drop:nth-child(75) { left: 3%; -webkit-animation-delay: -5135ms; animation-delay: -5135ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(75) .slide { -webkit-animation-delay: -8973ms; animation-delay: -8973ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(75) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(75) .rotate { -webkit-animation-delay: -7770ms; animation-delay: -7770ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(75) .move, .drop:nth-child(75) .reverse { -webkit-animation-delay: -1359ms; animation-delay: -1359ms; } .drop:nth-child(75) .z { -webkit-transform: translateZ(-514px); transform: translateZ(-514px); } .drop:nth-child(76) { left: 1%; -webkit-animation-delay: -1193ms; animation-delay: -1193ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(76) .slide { -webkit-animation-delay: -7989ms; animation-delay: -7989ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(76) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(76) .rotate { -webkit-animation-delay: -2248ms; animation-delay: -2248ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(76) .move, .drop:nth-child(76) .reverse { -webkit-animation-delay: -2445ms; animation-delay: -2445ms; } .drop:nth-child(76) .z { -webkit-transform: translateZ(-903px); transform: translateZ(-903px); } .drop:nth-child(77) { left: 7%; -webkit-animation-delay: -2515ms; animation-delay: -2515ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(77) .slide { -webkit-animation-delay: -5328ms; animation-delay: -5328ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(77) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(77) .rotate { -webkit-animation-delay: -2469ms; animation-delay: -2469ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(77) .move, .drop:nth-child(77) .reverse { -webkit-animation-delay: -6482ms; animation-delay: -6482ms; } .drop:nth-child(77) .z { -webkit-transform: translateZ(627px); transform: translateZ(627px); } .drop:nth-child(78) { left: 83%; -webkit-animation-delay: -4965ms; animation-delay: -4965ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(78) .slide { -webkit-animation-delay: -7920ms; animation-delay: -7920ms; -webkit-animation-duration: 15s; animation-duration: 15s; } .drop:nth-child(78) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(78) .rotate { -webkit-animation-delay: -1879ms; animation-delay: -1879ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(78) .move, .drop:nth-child(78) .reverse { -webkit-animation-delay: -3390ms; animation-delay: -3390ms; } .drop:nth-child(78) .z { -webkit-transform: translateZ(-641px); transform: translateZ(-641px); } .drop:nth-child(79) { left: 24%; -webkit-animation-delay: -325ms; animation-delay: -325ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(79) .slide { -webkit-animation-delay: -7053ms; animation-delay: -7053ms; -webkit-animation-duration: 15s; animation-duration: 15s; } .drop:nth-child(79) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(79) .rotate { -webkit-animation-delay: -8361ms; animation-delay: -8361ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(79) .move, .drop:nth-child(79) .reverse { -webkit-animation-delay: -6241ms; animation-delay: -6241ms; } .drop:nth-child(79) .z { -webkit-transform: translateZ(-492px); transform: translateZ(-492px); } .drop:nth-child(80) { left: 35%; -webkit-animation-delay: -9432ms; animation-delay: -9432ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(80) .slide { -webkit-animation-delay: -328ms; animation-delay: -328ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(80) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(80) .rotate { -webkit-animation-delay: -2658ms; animation-delay: -2658ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(80) .move, .drop:nth-child(80) .reverse { -webkit-animation-delay: -7466ms; animation-delay: -7466ms; } .drop:nth-child(80) .z { -webkit-transform: translateZ(-668px); transform: translateZ(-668px); } .drop:nth-child(81) { left: 20%; -webkit-animation-delay: -204ms; animation-delay: -204ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(81) .slide { -webkit-animation-delay: -281ms; animation-delay: -281ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(81) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(81) .rotate { -webkit-animation-delay: -145ms; animation-delay: -145ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(81) .move, .drop:nth-child(81) .reverse { -webkit-animation-delay: -4274ms; animation-delay: -4274ms; } .drop:nth-child(81) .z { -webkit-transform: translateZ(-994px); transform: translateZ(-994px); } .drop:nth-child(82) { left: 65%; -webkit-animation-delay: -878ms; animation-delay: -878ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(82) .slide { -webkit-animation-delay: -8459ms; animation-delay: -8459ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(82) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(82) .rotate { -webkit-animation-delay: -7918ms; animation-delay: -7918ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(82) .move, .drop:nth-child(82) .reverse { -webkit-animation-delay: -4966ms; animation-delay: -4966ms; } .drop:nth-child(82) .z { -webkit-transform: translateZ(689px); transform: translateZ(689px); } .drop:nth-child(83) { left: 79%; -webkit-animation-delay: -8924ms; animation-delay: -8924ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(83) .slide { -webkit-animation-delay: -6911ms; animation-delay: -6911ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(83) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(83) .rotate { -webkit-animation-delay: -792ms; animation-delay: -792ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(83) .move, .drop:nth-child(83) .reverse { -webkit-animation-delay: -9292ms; animation-delay: -9292ms; } .drop:nth-child(83) .z { -webkit-transform: translateZ(559px); transform: translateZ(559px); } .drop:nth-child(84) { left: 75%; -webkit-animation-delay: -6241ms; animation-delay: -6241ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(84) .slide { -webkit-animation-delay: -6598ms; animation-delay: -6598ms; -webkit-animation-duration: 15s; animation-duration: 15s; } .drop:nth-child(84) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(84) .rotate { -webkit-animation-delay: -2700ms; animation-delay: -2700ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(84) .move, .drop:nth-child(84) .reverse { -webkit-animation-delay: -2257ms; animation-delay: -2257ms; } .drop:nth-child(84) .z { -webkit-transform: translateZ(444px); transform: translateZ(444px); } .drop:nth-child(85) { left: 49%; -webkit-animation-delay: -812ms; animation-delay: -812ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(85) .slide { -webkit-animation-delay: -2825ms; animation-delay: -2825ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(85) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(85) .rotate { -webkit-animation-delay: -7358ms; animation-delay: -7358ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(85) .move, .drop:nth-child(85) .reverse { -webkit-animation-delay: -3534ms; animation-delay: -3534ms; } .drop:nth-child(85) .z { -webkit-transform: translateZ(331px); transform: translateZ(331px); } .drop:nth-child(86) { left: 16%; -webkit-animation-delay: -4631ms; animation-delay: -4631ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(86) .slide { -webkit-animation-delay: -1847ms; animation-delay: -1847ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(86) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(86) .rotate { -webkit-animation-delay: -5256ms; animation-delay: -5256ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(86) .move, .drop:nth-child(86) .reverse { -webkit-animation-delay: -4630ms; animation-delay: -4630ms; } .drop:nth-child(86) .z { -webkit-transform: translateZ(-519px); transform: translateZ(-519px); } .drop:nth-child(87) { left: 73%; -webkit-animation-delay: -4310ms; animation-delay: -4310ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(87) .slide { -webkit-animation-delay: -8390ms; animation-delay: -8390ms; -webkit-animation-duration: 14s; animation-duration: 14s; } .drop:nth-child(87) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(87) .rotate { -webkit-animation-delay: -4078ms; animation-delay: -4078ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(87) .move, .drop:nth-child(87) .reverse { -webkit-animation-delay: -7587ms; animation-delay: -7587ms; } .drop:nth-child(87) .z { -webkit-transform: translateZ(-326px); transform: translateZ(-326px); } .drop:nth-child(88) { left: 49%; -webkit-animation-delay: -4779ms; animation-delay: -4779ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(88) .slide { -webkit-animation-delay: -9622ms; animation-delay: -9622ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(88) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(88) .rotate { -webkit-animation-delay: -3245ms; animation-delay: -3245ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(88) .move, .drop:nth-child(88) .reverse { -webkit-animation-delay: -2878ms; animation-delay: -2878ms; } .drop:nth-child(88) .z { -webkit-transform: translateZ(124px); transform: translateZ(124px); } .drop:nth-child(89) { left: 5%; -webkit-animation-delay: -8874ms; animation-delay: -8874ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(89) .slide { -webkit-animation-delay: -4327ms; animation-delay: -4327ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(89) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(89) .rotate { -webkit-animation-delay: -9393ms; animation-delay: -9393ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(89) .move, .drop:nth-child(89) .reverse { -webkit-animation-delay: -3274ms; animation-delay: -3274ms; } .drop:nth-child(89) .z { -webkit-transform: translateZ(-823px); transform: translateZ(-823px); } .drop:nth-child(90) { left: 14%; -webkit-animation-delay: -1868ms; animation-delay: -1868ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(90) .slide { -webkit-animation-delay: -7186ms; animation-delay: -7186ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(90) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(90) .rotate { -webkit-animation-delay: -8838ms; animation-delay: -8838ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(90) .move, .drop:nth-child(90) .reverse { -webkit-animation-delay: -2874ms; animation-delay: -2874ms; } .drop:nth-child(90) .z { -webkit-transform: translateZ(-792px); transform: translateZ(-792px); } .drop:nth-child(91) { left: 9%; -webkit-animation-delay: -5562ms; animation-delay: -5562ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(91) .slide { -webkit-animation-delay: -9125ms; animation-delay: -9125ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(91) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(91) .rotate { -webkit-animation-delay: -4828ms; animation-delay: -4828ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(91) .move, .drop:nth-child(91) .reverse { -webkit-animation-delay: -8005ms; animation-delay: -8005ms; } .drop:nth-child(91) .z { -webkit-transform: translateZ(-710px); transform: translateZ(-710px); } .drop:nth-child(92) { left: 21%; -webkit-animation-delay: -1710ms; animation-delay: -1710ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(92) .slide { -webkit-animation-delay: -1449ms; animation-delay: -1449ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(92) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(92) .rotate { -webkit-animation-delay: -532ms; animation-delay: -532ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(92) .move, .drop:nth-child(92) .reverse { -webkit-animation-delay: -3571ms; animation-delay: -3571ms; } .drop:nth-child(92) .z { -webkit-transform: translateZ(-248px); transform: translateZ(-248px); } .drop:nth-child(93) { left: 25%; -webkit-animation-delay: -5258ms; animation-delay: -5258ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(93) .slide { -webkit-animation-delay: -2412ms; animation-delay: -2412ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(93) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(93) .rotate { -webkit-animation-delay: -3967ms; animation-delay: -3967ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(93) .move, .drop:nth-child(93) .reverse { -webkit-animation-delay: -262ms; animation-delay: -262ms; } .drop:nth-child(93) .z { -webkit-transform: translateZ(-498px); transform: translateZ(-498px); } .drop:nth-child(94) { left: 100%; -webkit-animation-delay: -6857ms; animation-delay: -6857ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(94) .slide { -webkit-animation-delay: -637ms; animation-delay: -637ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(94) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(94) .rotate { -webkit-animation-delay: -7385ms; animation-delay: -7385ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(94) .move, .drop:nth-child(94) .reverse { -webkit-animation-delay: -2553ms; animation-delay: -2553ms; } .drop:nth-child(94) .z { -webkit-transform: translateZ(-404px); transform: translateZ(-404px); } .drop:nth-child(95) { left: 18%; -webkit-animation-delay: -8359ms; animation-delay: -8359ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(95) .slide { -webkit-animation-delay: -6292ms; animation-delay: -6292ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(95) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(95) .rotate { -webkit-animation-delay: -3473ms; animation-delay: -3473ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(95) .move, .drop:nth-child(95) .reverse { -webkit-animation-delay: -1641ms; animation-delay: -1641ms; } .drop:nth-child(95) .z { -webkit-transform: translateZ(-866px); transform: translateZ(-866px); } .drop:nth-child(96) { left: 53%; -webkit-animation-delay: -5343ms; animation-delay: -5343ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(96) .slide { -webkit-animation-delay: -8744ms; animation-delay: -8744ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(96) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(96) .rotate { -webkit-animation-delay: -8974ms; animation-delay: -8974ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(96) .move, .drop:nth-child(96) .reverse { -webkit-animation-delay: -9209ms; animation-delay: -9209ms; } .drop:nth-child(96) .z { -webkit-transform: translateZ(352px); transform: translateZ(352px); } .drop:nth-child(97) { left: 56%; -webkit-animation-delay: -6127ms; animation-delay: -6127ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(97) .slide { -webkit-animation-delay: -8632ms; animation-delay: -8632ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(97) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(97) .rotate { -webkit-animation-delay: -1550ms; animation-delay: -1550ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(97) .move, .drop:nth-child(97) .reverse { -webkit-animation-delay: -6756ms; animation-delay: -6756ms; } .drop:nth-child(97) .z { -webkit-transform: translateZ(-347px); transform: translateZ(-347px); } .drop:nth-child(98) { left: 59%; -webkit-animation-delay: -6124ms; animation-delay: -6124ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(98) .slide { -webkit-animation-delay: -3069ms; animation-delay: -3069ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(98) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(98) .rotate { -webkit-animation-delay: -7218ms; animation-delay: -7218ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(98) .move, .drop:nth-child(98) .reverse { -webkit-animation-delay: -2222ms; animation-delay: -2222ms; } .drop:nth-child(98) .z { -webkit-transform: translateZ(-348px); transform: translateZ(-348px); } .drop:nth-child(99) { left: 73%; -webkit-animation-delay: -3321ms; animation-delay: -3321ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(99) .slide { -webkit-animation-delay: -8569ms; animation-delay: -8569ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(99) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(99) .rotate { -webkit-animation-delay: -7703ms; animation-delay: -7703ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(99) .move, .drop:nth-child(99) .reverse { -webkit-animation-delay: -9114ms; animation-delay: -9114ms; } .drop:nth-child(99) .z { -webkit-transform: translateZ(736px); transform: translateZ(736px); } .drop:nth-child(100) { left: 72%; -webkit-animation-delay: -8944ms; animation-delay: -8944ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(100) .slide { -webkit-animation-delay: -6322ms; animation-delay: -6322ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(100) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(100) .rotate { -webkit-animation-delay: -4889ms; animation-delay: -4889ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(100) .move, .drop:nth-child(100) .reverse { -webkit-animation-delay: -945ms; animation-delay: -945ms; } .drop:nth-child(100) .z { -webkit-transform: translateZ(-251px); transform: translateZ(-251px); } .drop:nth-child(101) { left: 19%; -webkit-animation-delay: -2621ms; animation-delay: -2621ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(101) .slide { -webkit-animation-delay: -5091ms; animation-delay: -5091ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(101) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(101) .rotate { -webkit-animation-delay: -5562ms; animation-delay: -5562ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(101) .move, .drop:nth-child(101) .reverse { -webkit-animation-delay: -511ms; animation-delay: -511ms; } .drop:nth-child(101) .z { -webkit-transform: translateZ(-887px); transform: translateZ(-887px); } .drop:nth-child(102) { left: 52%; -webkit-animation-delay: -7567ms; animation-delay: -7567ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(102) .slide { -webkit-animation-delay: -1352ms; animation-delay: -1352ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(102) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(102) .rotate { -webkit-animation-delay: -4998ms; animation-delay: -4998ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(102) .move, .drop:nth-child(102) .reverse { -webkit-animation-delay: -8962ms; animation-delay: -8962ms; } .drop:nth-child(102) .z { -webkit-transform: translateZ(-58px); transform: translateZ(-58px); } .drop:nth-child(103) { left: 39%; -webkit-animation-delay: -4910ms; animation-delay: -4910ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(103) .slide { -webkit-animation-delay: -788ms; animation-delay: -788ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(103) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(103) .rotate { -webkit-animation-delay: -7597ms; animation-delay: -7597ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(103) .move, .drop:nth-child(103) .reverse { -webkit-animation-delay: -510ms; animation-delay: -510ms; } .drop:nth-child(103) .z { -webkit-transform: translateZ(324px); transform: translateZ(324px); } .drop:nth-child(104) { left: 87%; -webkit-animation-delay: -5157ms; animation-delay: -5157ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(104) .slide { -webkit-animation-delay: -7131ms; animation-delay: -7131ms; -webkit-animation-duration: 15s; animation-duration: 15s; } .drop:nth-child(104) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(104) .rotate { -webkit-animation-delay: -9769ms; animation-delay: -9769ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(104) .move, .drop:nth-child(104) .reverse { -webkit-animation-delay: -5929ms; animation-delay: -5929ms; } .drop:nth-child(104) .z { -webkit-transform: translateZ(-540px); transform: translateZ(-540px); } .drop:nth-child(105) { left: 29%; -webkit-animation-delay: -4978ms; animation-delay: -4978ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(105) .slide { -webkit-animation-delay: -7835ms; animation-delay: -7835ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(105) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(105) .rotate { -webkit-animation-delay: -4577ms; animation-delay: -4577ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(105) .move, .drop:nth-child(105) .reverse { -webkit-animation-delay: -4901ms; animation-delay: -4901ms; } .drop:nth-child(105) .z { -webkit-transform: translateZ(967px); transform: translateZ(967px); } .drop:nth-child(106) { left: 61%; -webkit-animation-delay: -7498ms; animation-delay: -7498ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(106) .slide { -webkit-animation-delay: -4748ms; animation-delay: -4748ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(106) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(106) .rotate { -webkit-animation-delay: -2281ms; animation-delay: -2281ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(106) .move, .drop:nth-child(106) .reverse { -webkit-animation-delay: -5282ms; animation-delay: -5282ms; } .drop:nth-child(106) .z { -webkit-transform: translateZ(-968px); transform: translateZ(-968px); } .drop:nth-child(107) { left: 65%; -webkit-animation-delay: -8720ms; animation-delay: -8720ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(107) .slide { -webkit-animation-delay: -9402ms; animation-delay: -9402ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(107) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(107) .rotate { -webkit-animation-delay: -8253ms; animation-delay: -8253ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(107) .move, .drop:nth-child(107) .reverse { -webkit-animation-delay: -6160ms; animation-delay: -6160ms; } .drop:nth-child(107) .z { -webkit-transform: translateZ(-692px); transform: translateZ(-692px); } .drop:nth-child(108) { left: 54%; -webkit-animation-delay: -2904ms; animation-delay: -2904ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(108) .slide { -webkit-animation-delay: -7533ms; animation-delay: -7533ms; -webkit-animation-duration: 15s; animation-duration: 15s; } .drop:nth-child(108) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(108) .rotate { -webkit-animation-delay: -2389ms; animation-delay: -2389ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(108) .move, .drop:nth-child(108) .reverse { -webkit-animation-delay: -1651ms; animation-delay: -1651ms; } .drop:nth-child(108) .z { -webkit-transform: translateZ(-502px); transform: translateZ(-502px); } .drop:nth-child(109) { left: 73%; -webkit-animation-delay: -4539ms; animation-delay: -4539ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(109) .slide { -webkit-animation-delay: -436ms; animation-delay: -436ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(109) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(109) .rotate { -webkit-animation-delay: -8127ms; animation-delay: -8127ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(109) .move, .drop:nth-child(109) .reverse { -webkit-animation-delay: -3063ms; animation-delay: -3063ms; } .drop:nth-child(109) .z { -webkit-transform: translateZ(-375px); transform: translateZ(-375px); } .drop:nth-child(110) { left: 44%; -webkit-animation-delay: -5255ms; animation-delay: -5255ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(110) .slide { -webkit-animation-delay: -6562ms; animation-delay: -6562ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(110) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(110) .rotate { -webkit-animation-delay: -6835ms; animation-delay: -6835ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(110) .move, .drop:nth-child(110) .reverse { -webkit-animation-delay: -965ms; animation-delay: -965ms; } .drop:nth-child(110) .z { -webkit-transform: translateZ(240px); transform: translateZ(240px); } .drop:nth-child(111) { left: 74%; -webkit-animation-delay: -8046ms; animation-delay: -8046ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(111) .slide { -webkit-animation-delay: -4686ms; animation-delay: -4686ms; -webkit-animation-duration: 15s; animation-duration: 15s; } .drop:nth-child(111) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(111) .rotate { -webkit-animation-delay: -3651ms; animation-delay: -3651ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(111) .move, .drop:nth-child(111) .reverse { -webkit-animation-delay: -3651ms; animation-delay: -3651ms; } .drop:nth-child(111) .z { -webkit-transform: translateZ(739px); transform: translateZ(739px); } .drop:nth-child(112) { left: 77%; -webkit-animation-delay: -3700ms; animation-delay: -3700ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(112) .slide { -webkit-animation-delay: -658ms; animation-delay: -658ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(112) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(112) .rotate { -webkit-animation-delay: -3557ms; animation-delay: -3557ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(112) .move, .drop:nth-child(112) .reverse { -webkit-animation-delay: -697ms; animation-delay: -697ms; } .drop:nth-child(112) .z { -webkit-transform: translateZ(611px); transform: translateZ(611px); } .drop:nth-child(113) { left: 68%; -webkit-animation-delay: -1624ms; animation-delay: -1624ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(113) .slide { -webkit-animation-delay: -3975ms; animation-delay: -3975ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(113) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(113) .rotate { -webkit-animation-delay: -951ms; animation-delay: -951ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(113) .move, .drop:nth-child(113) .reverse { -webkit-animation-delay: -7449ms; animation-delay: -7449ms; } .drop:nth-child(113) .z { -webkit-transform: translateZ(-355px); transform: translateZ(-355px); } .drop:nth-child(114) { left: 45%; -webkit-animation-delay: -1230ms; animation-delay: -1230ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(114) .slide { -webkit-animation-delay: -2750ms; animation-delay: -2750ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(114) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(114) .rotate { -webkit-animation-delay: -4906ms; animation-delay: -4906ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(114) .move, .drop:nth-child(114) .reverse { -webkit-animation-delay: -4043ms; animation-delay: -4043ms; } .drop:nth-child(114) .z { -webkit-transform: translateZ(-280px); transform: translateZ(-280px); } .drop:nth-child(115) { left: 8%; -webkit-animation-delay: -6494ms; animation-delay: -6494ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(115) .slide { -webkit-animation-delay: -8780ms; animation-delay: -8780ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(115) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(115) .rotate { -webkit-animation-delay: -4731ms; animation-delay: -4731ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(115) .move, .drop:nth-child(115) .reverse { -webkit-animation-delay: -4495ms; animation-delay: -4495ms; } .drop:nth-child(115) .z { -webkit-transform: translateZ(597px); transform: translateZ(597px); } .drop:nth-child(116) { left: 5%; -webkit-animation-delay: -7407ms; animation-delay: -7407ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(116) .slide { -webkit-animation-delay: -4361ms; animation-delay: -4361ms; -webkit-animation-duration: 14s; animation-duration: 14s; } .drop:nth-child(116) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(116) .rotate { -webkit-animation-delay: -3230ms; animation-delay: -3230ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(116) .move, .drop:nth-child(116) .reverse { -webkit-animation-delay: -7410ms; animation-delay: -7410ms; } .drop:nth-child(116) .z { -webkit-transform: translateZ(931px); transform: translateZ(931px); } .drop:nth-child(117) { left: 21%; -webkit-animation-delay: -4838ms; animation-delay: -4838ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(117) .slide { -webkit-animation-delay: -5048ms; animation-delay: -5048ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(117) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(117) .rotate { -webkit-animation-delay: -5678ms; animation-delay: -5678ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(117) .move, .drop:nth-child(117) .reverse { -webkit-animation-delay: -8100ms; animation-delay: -8100ms; } .drop:nth-child(117) .z { -webkit-transform: translateZ(457px); transform: translateZ(457px); } .drop:nth-child(118) { left: 9%; -webkit-animation-delay: -9348ms; animation-delay: -9348ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(118) .slide { -webkit-animation-delay: -9864ms; animation-delay: -9864ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(118) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(118) .rotate { -webkit-animation-delay: -5658ms; animation-delay: -5658ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(118) .move, .drop:nth-child(118) .reverse { -webkit-animation-delay: -5075ms; animation-delay: -5075ms; } .drop:nth-child(118) .z { -webkit-transform: translateZ(-306px); transform: translateZ(-306px); } .drop:nth-child(119) { left: 43%; -webkit-animation-delay: -5033ms; animation-delay: -5033ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(119) .slide { -webkit-animation-delay: -2919ms; animation-delay: -2919ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(119) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(119) .rotate { -webkit-animation-delay: -1532ms; animation-delay: -1532ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(119) .move, .drop:nth-child(119) .reverse { -webkit-animation-delay: -2268ms; animation-delay: -2268ms; } .drop:nth-child(119) .z { -webkit-transform: translateZ(24px); transform: translateZ(24px); } .drop:nth-child(120) { left: 54%; -webkit-animation-delay: -5171ms; animation-delay: -5171ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(120) .slide { -webkit-animation-delay: -2768ms; animation-delay: -2768ms; -webkit-animation-duration: 15s; animation-duration: 15s; } .drop:nth-child(120) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(120) .rotate { -webkit-animation-delay: -4999ms; animation-delay: -4999ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(120) .move, .drop:nth-child(120) .reverse { -webkit-animation-delay: -9751ms; animation-delay: -9751ms; } .drop:nth-child(120) .z { -webkit-transform: translateZ(-825px); transform: translateZ(-825px); } .drop:nth-child(121) { left: 56%; -webkit-animation-delay: -7617ms; animation-delay: -7617ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(121) .slide { -webkit-animation-delay: -8632ms; animation-delay: -8632ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(121) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(121) .rotate { -webkit-animation-delay: -3046ms; animation-delay: -3046ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(121) .move, .drop:nth-child(121) .reverse { -webkit-animation-delay: -438ms; animation-delay: -438ms; } .drop:nth-child(121) .z { -webkit-transform: translateZ(-378px); transform: translateZ(-378px); } .drop:nth-child(122) { left: 22%; -webkit-animation-delay: -4537ms; animation-delay: -4537ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(122) .slide { -webkit-animation-delay: -4838ms; animation-delay: -4838ms; -webkit-animation-duration: 15s; animation-duration: 15s; } .drop:nth-child(122) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(122) .rotate { -webkit-animation-delay: -6802ms; animation-delay: -6802ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(122) .move, .drop:nth-child(122) .reverse { -webkit-animation-delay: -798ms; animation-delay: -798ms; } .drop:nth-child(122) .z { -webkit-transform: translateZ(-665px); transform: translateZ(-665px); } .drop:nth-child(123) { left: 4%; -webkit-animation-delay: -8117ms; animation-delay: -8117ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(123) .slide { -webkit-animation-delay: -404ms; animation-delay: -404ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(123) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(123) .rotate { -webkit-animation-delay: -1236ms; animation-delay: -1236ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(123) .move, .drop:nth-child(123) .reverse { -webkit-animation-delay: -8579ms; animation-delay: -8579ms; } .drop:nth-child(123) .z { -webkit-transform: translateZ(198px); transform: translateZ(198px); } .drop:nth-child(124) { left: 22%; -webkit-animation-delay: -9758ms; animation-delay: -9758ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(124) .slide { -webkit-animation-delay: -4479ms; animation-delay: -4479ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(124) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(124) .rotate { -webkit-animation-delay: -1324ms; animation-delay: -1324ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(124) .move, .drop:nth-child(124) .reverse { -webkit-animation-delay: -2743ms; animation-delay: -2743ms; } .drop:nth-child(124) .z { -webkit-transform: translateZ(-435px); transform: translateZ(-435px); } .drop:nth-child(125) { left: 32%; -webkit-animation-delay: -608ms; animation-delay: -608ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(125) .slide { -webkit-animation-delay: -3933ms; animation-delay: -3933ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(125) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(125) .rotate { -webkit-animation-delay: -9769ms; animation-delay: -9769ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(125) .move, .drop:nth-child(125) .reverse { -webkit-animation-delay: -983ms; animation-delay: -983ms; } .drop:nth-child(125) .z { -webkit-transform: translateZ(-362px); transform: translateZ(-362px); } .drop:nth-child(126) { left: 78%; -webkit-animation-delay: -5382ms; animation-delay: -5382ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(126) .slide { -webkit-animation-delay: -2024ms; animation-delay: -2024ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(126) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(126) .rotate { -webkit-animation-delay: -619ms; animation-delay: -619ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(126) .move, .drop:nth-child(126) .reverse { -webkit-animation-delay: -3955ms; animation-delay: -3955ms; } .drop:nth-child(126) .z { -webkit-transform: translateZ(-558px); transform: translateZ(-558px); } .drop:nth-child(127) { left: 30%; -webkit-animation-delay: -4097ms; animation-delay: -4097ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(127) .slide { -webkit-animation-delay: -5681ms; animation-delay: -5681ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(127) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(127) .rotate { -webkit-animation-delay: -6806ms; animation-delay: -6806ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(127) .move, .drop:nth-child(127) .reverse { -webkit-animation-delay: -9995ms; animation-delay: -9995ms; } .drop:nth-child(127) .z { -webkit-transform: translateZ(-716px); transform: translateZ(-716px); } .drop:nth-child(128) { left: 20%; -webkit-animation-delay: -444ms; animation-delay: -444ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(128) .slide { -webkit-animation-delay: -9677ms; animation-delay: -9677ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(128) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(128) .rotate { -webkit-animation-delay: -4315ms; animation-delay: -4315ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(128) .move, .drop:nth-child(128) .reverse { -webkit-animation-delay: -6817ms; animation-delay: -6817ms; } .drop:nth-child(128) .z { -webkit-transform: translateZ(-392px); transform: translateZ(-392px); } .drop:nth-child(129) { left: 76%; -webkit-animation-delay: -4578ms; animation-delay: -4578ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(129) .slide { -webkit-animation-delay: -8455ms; animation-delay: -8455ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(129) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(129) .rotate { -webkit-animation-delay: -5633ms; animation-delay: -5633ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(129) .move, .drop:nth-child(129) .reverse { -webkit-animation-delay: -5962ms; animation-delay: -5962ms; } .drop:nth-child(129) .z { -webkit-transform: translateZ(215px); transform: translateZ(215px); } .drop:nth-child(130) { left: 59%; -webkit-animation-delay: -7756ms; animation-delay: -7756ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(130) .slide { -webkit-animation-delay: -2243ms; animation-delay: -2243ms; -webkit-animation-duration: 14s; animation-duration: 14s; } .drop:nth-child(130) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(130) .rotate { -webkit-animation-delay: -5678ms; animation-delay: -5678ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(130) .move, .drop:nth-child(130) .reverse { -webkit-animation-delay: -6375ms; animation-delay: -6375ms; } .drop:nth-child(130) .z { -webkit-transform: translateZ(645px); transform: translateZ(645px); } .drop:nth-child(131) { left: 40%; -webkit-animation-delay: -3020ms; animation-delay: -3020ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(131) .slide { -webkit-animation-delay: -7853ms; animation-delay: -7853ms; -webkit-animation-duration: 14s; animation-duration: 14s; } .drop:nth-child(131) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(131) .rotate { -webkit-animation-delay: -883ms; animation-delay: -883ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(131) .move, .drop:nth-child(131) .reverse { -webkit-animation-delay: -578ms; animation-delay: -578ms; } .drop:nth-child(131) .z { -webkit-transform: translateZ(-132px); transform: translateZ(-132px); } .drop:nth-child(132) { left: 40%; -webkit-animation-delay: -2250ms; animation-delay: -2250ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(132) .slide { -webkit-animation-delay: -9206ms; animation-delay: -9206ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(132) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(132) .rotate { -webkit-animation-delay: -210ms; animation-delay: -210ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(132) .move, .drop:nth-child(132) .reverse { -webkit-animation-delay: -282ms; animation-delay: -282ms; } .drop:nth-child(132) .z { -webkit-transform: translateZ(629px); transform: translateZ(629px); } .drop:nth-child(133) { left: 56%; -webkit-animation-delay: -4625ms; animation-delay: -4625ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(133) .slide { -webkit-animation-delay: -2421ms; animation-delay: -2421ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(133) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(133) .rotate { -webkit-animation-delay: -4452ms; animation-delay: -4452ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(133) .move, .drop:nth-child(133) .reverse { -webkit-animation-delay: -2841ms; animation-delay: -2841ms; } .drop:nth-child(133) .z { -webkit-transform: translateZ(-601px); transform: translateZ(-601px); } .drop:nth-child(134) { left: 27%; -webkit-animation-delay: -3878ms; animation-delay: -3878ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(134) .slide { -webkit-animation-delay: -2088ms; animation-delay: -2088ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(134) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(134) .rotate { -webkit-animation-delay: -2675ms; animation-delay: -2675ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(134) .move, .drop:nth-child(134) .reverse { -webkit-animation-delay: -912ms; animation-delay: -912ms; } .drop:nth-child(134) .z { -webkit-transform: translateZ(-192px); transform: translateZ(-192px); } .drop:nth-child(135) { left: 4%; -webkit-animation-delay: -371ms; animation-delay: -371ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(135) .slide { -webkit-animation-delay: -6083ms; animation-delay: -6083ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(135) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(135) .rotate { -webkit-animation-delay: -2764ms; animation-delay: -2764ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(135) .move, .drop:nth-child(135) .reverse { -webkit-animation-delay: -2647ms; animation-delay: -2647ms; } .drop:nth-child(135) .z { -webkit-transform: translateZ(254px); transform: translateZ(254px); } .drop:nth-child(136) { left: 15%; -webkit-animation-delay: -209ms; animation-delay: -209ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(136) .slide { -webkit-animation-delay: -4888ms; animation-delay: -4888ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(136) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(136) .rotate { -webkit-animation-delay: -9897ms; animation-delay: -9897ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(136) .move, .drop:nth-child(136) .reverse { -webkit-animation-delay: -845ms; animation-delay: -845ms; } .drop:nth-child(136) .z { -webkit-transform: translateZ(263px); transform: translateZ(263px); } .drop:nth-child(137) { left: 70%; -webkit-animation-delay: -8837ms; animation-delay: -8837ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(137) .slide { -webkit-animation-delay: -9558ms; animation-delay: -9558ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(137) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(137) .rotate { -webkit-animation-delay: -8658ms; animation-delay: -8658ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(137) .move, .drop:nth-child(137) .reverse { -webkit-animation-delay: -4403ms; animation-delay: -4403ms; } .drop:nth-child(137) .z { -webkit-transform: translateZ(-182px); transform: translateZ(-182px); } .drop:nth-child(138) { left: 42%; -webkit-animation-delay: -3291ms; animation-delay: -3291ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(138) .slide { -webkit-animation-delay: -930ms; animation-delay: -930ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(138) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(138) .rotate { -webkit-animation-delay: -7395ms; animation-delay: -7395ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(138) .move, .drop:nth-child(138) .reverse { -webkit-animation-delay: -8121ms; animation-delay: -8121ms; } .drop:nth-child(138) .z { -webkit-transform: translateZ(960px); transform: translateZ(960px); } .drop:nth-child(139) { left: 2%; -webkit-animation-delay: -6831ms; animation-delay: -6831ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(139) .slide { -webkit-animation-delay: -3288ms; animation-delay: -3288ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(139) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(139) .rotate { -webkit-animation-delay: -9772ms; animation-delay: -9772ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(139) .move, .drop:nth-child(139) .reverse { -webkit-animation-delay: -9982ms; animation-delay: -9982ms; } .drop:nth-child(139) .z { -webkit-transform: translateZ(352px); transform: translateZ(352px); } .drop:nth-child(140) { left: 31%; -webkit-animation-delay: -3842ms; animation-delay: -3842ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(140) .slide { -webkit-animation-delay: -7608ms; animation-delay: -7608ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(140) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(140) .rotate { -webkit-animation-delay: -6186ms; animation-delay: -6186ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(140) .move, .drop:nth-child(140) .reverse { -webkit-animation-delay: -2409ms; animation-delay: -2409ms; } .drop:nth-child(140) .z { -webkit-transform: translateZ(-211px); transform: translateZ(-211px); } .drop:nth-child(141) { left: 74%; -webkit-animation-delay: -9974ms; animation-delay: -9974ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(141) .slide { -webkit-animation-delay: -4596ms; animation-delay: -4596ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(141) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(141) .rotate { -webkit-animation-delay: -349ms; animation-delay: -349ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(141) .move, .drop:nth-child(141) .reverse { -webkit-animation-delay: -184ms; animation-delay: -184ms; } .drop:nth-child(141) .z { -webkit-transform: translateZ(-515px); transform: translateZ(-515px); } .drop:nth-child(142) { left: 75%; -webkit-animation-delay: -6589ms; animation-delay: -6589ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(142) .slide { -webkit-animation-delay: -9482ms; animation-delay: -9482ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(142) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(142) .rotate { -webkit-animation-delay: -5259ms; animation-delay: -5259ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(142) .move, .drop:nth-child(142) .reverse { -webkit-animation-delay: -8932ms; animation-delay: -8932ms; } .drop:nth-child(142) .z { -webkit-transform: translateZ(-618px); transform: translateZ(-618px); } .drop:nth-child(143) { left: 1%; -webkit-animation-delay: -7343ms; animation-delay: -7343ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(143) .slide { -webkit-animation-delay: -7247ms; animation-delay: -7247ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(143) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(143) .rotate { -webkit-animation-delay: -3573ms; animation-delay: -3573ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(143) .move, .drop:nth-child(143) .reverse { -webkit-animation-delay: -2151ms; animation-delay: -2151ms; } .drop:nth-child(143) .z { -webkit-transform: translateZ(900px); transform: translateZ(900px); } .drop:nth-child(144) { left: 56%; -webkit-animation-delay: -9959ms; animation-delay: -9959ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(144) .slide { -webkit-animation-delay: -934ms; animation-delay: -934ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(144) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(144) .rotate { -webkit-animation-delay: -3208ms; animation-delay: -3208ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(144) .move, .drop:nth-child(144) .reverse { -webkit-animation-delay: -179ms; animation-delay: -179ms; } .drop:nth-child(144) .z { -webkit-transform: translateZ(334px); transform: translateZ(334px); } .drop:nth-child(145) { left: 89%; -webkit-animation-delay: -1456ms; animation-delay: -1456ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(145) .slide { -webkit-animation-delay: -3190ms; animation-delay: -3190ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(145) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(145) .rotate { -webkit-animation-delay: -7993ms; animation-delay: -7993ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(145) .move, .drop:nth-child(145) .reverse { -webkit-animation-delay: -7395ms; animation-delay: -7395ms; } .drop:nth-child(145) .z { -webkit-transform: translateZ(250px); transform: translateZ(250px); } .drop:nth-child(146) { left: 3%; -webkit-animation-delay: -8730ms; animation-delay: -8730ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(146) .slide { -webkit-animation-delay: -2621ms; animation-delay: -2621ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(146) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(146) .rotate { -webkit-animation-delay: -921ms; animation-delay: -921ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(146) .move, .drop:nth-child(146) .reverse { -webkit-animation-delay: -6780ms; animation-delay: -6780ms; } .drop:nth-child(146) .z { -webkit-transform: translateZ(744px); transform: translateZ(744px); } .drop:nth-child(147) { left: 59%; -webkit-animation-delay: -7548ms; animation-delay: -7548ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(147) .slide { -webkit-animation-delay: -9437ms; animation-delay: -9437ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(147) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(147) .rotate { -webkit-animation-delay: -9703ms; animation-delay: -9703ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(147) .move, .drop:nth-child(147) .reverse { -webkit-animation-delay: -6079ms; animation-delay: -6079ms; } .drop:nth-child(147) .z { -webkit-transform: translateZ(-946px); transform: translateZ(-946px); } .drop:nth-child(148) { left: 69%; -webkit-animation-delay: -6094ms; animation-delay: -6094ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(148) .slide { -webkit-animation-delay: -6059ms; animation-delay: -6059ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(148) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(148) .rotate { -webkit-animation-delay: -9356ms; animation-delay: -9356ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(148) .move, .drop:nth-child(148) .reverse { -webkit-animation-delay: -3848ms; animation-delay: -3848ms; } .drop:nth-child(148) .z { -webkit-transform: translateZ(-624px); transform: translateZ(-624px); } .drop:nth-child(149) { left: 8%; -webkit-animation-delay: -9765ms; animation-delay: -9765ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(149) .slide { -webkit-animation-delay: -4558ms; animation-delay: -4558ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(149) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(149) .rotate { -webkit-animation-delay: -5042ms; animation-delay: -5042ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(149) .move, .drop:nth-child(149) .reverse { -webkit-animation-delay: -5235ms; animation-delay: -5235ms; } .drop:nth-child(149) .z { -webkit-transform: translateZ(411px); transform: translateZ(411px); } .drop:nth-child(150) { left: 8%; -webkit-animation-delay: -8950ms; animation-delay: -8950ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(150) .slide { -webkit-animation-delay: -6522ms; animation-delay: -6522ms; -webkit-animation-duration: 14s; animation-duration: 14s; } .drop:nth-child(150) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(150) .rotate { -webkit-animation-delay: -6707ms; animation-delay: -6707ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(150) .move, .drop:nth-child(150) .reverse { -webkit-animation-delay: -8198ms; animation-delay: -8198ms; } .drop:nth-child(150) .z { -webkit-transform: translateZ(-509px); transform: translateZ(-509px); } .drop:nth-child(151) { left: 98%; -webkit-animation-delay: -1935ms; animation-delay: -1935ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(151) .slide { -webkit-animation-delay: -2580ms; animation-delay: -2580ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(151) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(151) .rotate { -webkit-animation-delay: -4659ms; animation-delay: -4659ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(151) .move, .drop:nth-child(151) .reverse { -webkit-animation-delay: -6926ms; animation-delay: -6926ms; } .drop:nth-child(151) .z { -webkit-transform: translateZ(-428px); transform: translateZ(-428px); } .drop:nth-child(152) { left: 41%; -webkit-animation-delay: -8508ms; animation-delay: -8508ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(152) .slide { -webkit-animation-delay: -9989ms; animation-delay: -9989ms; -webkit-animation-duration: 14s; animation-duration: 14s; } .drop:nth-child(152) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(152) .rotate { -webkit-animation-delay: -9508ms; animation-delay: -9508ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(152) .move, .drop:nth-child(152) .reverse { -webkit-animation-delay: -8125ms; animation-delay: -8125ms; } .drop:nth-child(152) .z { -webkit-transform: translateZ(955px); transform: translateZ(955px); } .drop:nth-child(153) { left: 49%; -webkit-animation-delay: -1413ms; animation-delay: -1413ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(153) .slide { -webkit-animation-delay: -8312ms; animation-delay: -8312ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(153) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(153) .rotate { -webkit-animation-delay: -5668ms; animation-delay: -5668ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(153) .move, .drop:nth-child(153) .reverse { -webkit-animation-delay: -1774ms; animation-delay: -1774ms; } .drop:nth-child(153) .z { -webkit-transform: translateZ(89px); transform: translateZ(89px); } .drop:nth-child(154) { left: 61%; -webkit-animation-delay: -8569ms; animation-delay: -8569ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(154) .slide { -webkit-animation-delay: -5561ms; animation-delay: -5561ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(154) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(154) .rotate { -webkit-animation-delay: -788ms; animation-delay: -788ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(154) .move, .drop:nth-child(154) .reverse { -webkit-animation-delay: -3221ms; animation-delay: -3221ms; } .drop:nth-child(154) .z { -webkit-transform: translateZ(-639px); transform: translateZ(-639px); } .drop:nth-child(155) { left: 45%; -webkit-animation-delay: -6065ms; animation-delay: -6065ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(155) .slide { -webkit-animation-delay: -2054ms; animation-delay: -2054ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(155) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(155) .rotate { -webkit-animation-delay: -228ms; animation-delay: -228ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(155) .move, .drop:nth-child(155) .reverse { -webkit-animation-delay: -9557ms; animation-delay: -9557ms; } .drop:nth-child(155) .z { -webkit-transform: translateZ(816px); transform: translateZ(816px); } .drop:nth-child(156) { left: 42%; -webkit-animation-delay: -3708ms; animation-delay: -3708ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(156) .slide { -webkit-animation-delay: -8412ms; animation-delay: -8412ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(156) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(156) .rotate { -webkit-animation-delay: -1993ms; animation-delay: -1993ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(156) .move, .drop:nth-child(156) .reverse { -webkit-animation-delay: -3624ms; animation-delay: -3624ms; } .drop:nth-child(156) .z { -webkit-transform: translateZ(397px); transform: translateZ(397px); } .drop:nth-child(157) { left: 27%; -webkit-animation-delay: -6042ms; animation-delay: -6042ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(157) .slide { -webkit-animation-delay: -9392ms; animation-delay: -9392ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(157) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(157) .rotate { -webkit-animation-delay: -2713ms; animation-delay: -2713ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(157) .move, .drop:nth-child(157) .reverse { -webkit-animation-delay: -8636ms; animation-delay: -8636ms; } .drop:nth-child(157) .z { -webkit-transform: translateZ(-439px); transform: translateZ(-439px); } .drop:nth-child(158) { left: 18%; -webkit-animation-delay: -8937ms; animation-delay: -8937ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(158) .slide { -webkit-animation-delay: -4211ms; animation-delay: -4211ms; -webkit-animation-duration: 7s; animation-duration: 7s; } .drop:nth-child(158) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(158) .rotate { -webkit-animation-delay: -8003ms; animation-delay: -8003ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(158) .move, .drop:nth-child(158) .reverse { -webkit-animation-delay: -2294ms; animation-delay: -2294ms; } .drop:nth-child(158) .z { -webkit-transform: translateZ(-722px); transform: translateZ(-722px); } .drop:nth-child(159) { left: 52%; -webkit-animation-delay: -8274ms; animation-delay: -8274ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(159) .slide { -webkit-animation-delay: -6029ms; animation-delay: -6029ms; -webkit-animation-duration: 15s; animation-duration: 15s; } .drop:nth-child(159) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(159) .rotate { -webkit-animation-delay: -3545ms; animation-delay: -3545ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(159) .move, .drop:nth-child(159) .reverse { -webkit-animation-delay: -4288ms; animation-delay: -4288ms; } .drop:nth-child(159) .z { -webkit-transform: translateZ(665px); transform: translateZ(665px); } .drop:nth-child(160) { left: 45%; -webkit-animation-delay: -3893ms; animation-delay: -3893ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(160) .slide { -webkit-animation-delay: -6753ms; animation-delay: -6753ms; -webkit-animation-duration: 14s; animation-duration: 14s; } .drop:nth-child(160) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(160) .rotate { -webkit-animation-delay: -8400ms; animation-delay: -8400ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(160) .move, .drop:nth-child(160) .reverse { -webkit-animation-delay: -6422ms; animation-delay: -6422ms; } .drop:nth-child(160) .z { -webkit-transform: translateZ(40px); transform: translateZ(40px); } .drop:nth-child(161) { left: 86%; -webkit-animation-delay: -4495ms; animation-delay: -4495ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(161) .slide { -webkit-animation-delay: -8232ms; animation-delay: -8232ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(161) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(161) .rotate { -webkit-animation-delay: -4284ms; animation-delay: -4284ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(161) .move, .drop:nth-child(161) .reverse { -webkit-animation-delay: -8864ms; animation-delay: -8864ms; } .drop:nth-child(161) .z { -webkit-transform: translateZ(279px); transform: translateZ(279px); } .drop:nth-child(162) { left: 59%; -webkit-animation-delay: -9656ms; animation-delay: -9656ms; -webkit-animation-duration: 13s; animation-duration: 13s; } .drop:nth-child(162) .slide { -webkit-animation-delay: -6757ms; animation-delay: -6757ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(162) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(162) .rotate { -webkit-animation-delay: -1913ms; animation-delay: -1913ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(162) .move, .drop:nth-child(162) .reverse { -webkit-animation-delay: -6878ms; animation-delay: -6878ms; } .drop:nth-child(162) .z { -webkit-transform: translateZ(164px); transform: translateZ(164px); } .drop:nth-child(163) { left: 12%; -webkit-animation-delay: -4088ms; animation-delay: -4088ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(163) .slide { -webkit-animation-delay: -320ms; animation-delay: -320ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(163) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(163) .rotate { -webkit-animation-delay: -8825ms; animation-delay: -8825ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(163) .move, .drop:nth-child(163) .reverse { -webkit-animation-delay: -7264ms; animation-delay: -7264ms; } .drop:nth-child(163) .z { -webkit-transform: translateZ(-841px); transform: translateZ(-841px); } .drop:nth-child(164) { left: 31%; -webkit-animation-delay: -6810ms; animation-delay: -6810ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(164) .slide { -webkit-animation-delay: -8220ms; animation-delay: -8220ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(164) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(164) .rotate { -webkit-animation-delay: -3974ms; animation-delay: -3974ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(164) .move, .drop:nth-child(164) .reverse { -webkit-animation-delay: -5832ms; animation-delay: -5832ms; } .drop:nth-child(164) .z { -webkit-transform: translateZ(474px); transform: translateZ(474px); } .drop:nth-child(165) { left: 78%; -webkit-animation-delay: -1948ms; animation-delay: -1948ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(165) .slide { -webkit-animation-delay: -6416ms; animation-delay: -6416ms; -webkit-animation-duration: 15s; animation-duration: 15s; } .drop:nth-child(165) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(165) .rotate { -webkit-animation-delay: -7513ms; animation-delay: -7513ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(165) .move, .drop:nth-child(165) .reverse { -webkit-animation-delay: -313ms; animation-delay: -313ms; } .drop:nth-child(165) .z { -webkit-transform: translateZ(525px); transform: translateZ(525px); } .drop:nth-child(166) { left: 9%; -webkit-animation-delay: -1984ms; animation-delay: -1984ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(166) .slide { -webkit-animation-delay: -9147ms; animation-delay: -9147ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(166) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(166) .rotate { -webkit-animation-delay: -7783ms; animation-delay: -7783ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(166) .move, .drop:nth-child(166) .reverse { -webkit-animation-delay: -2890ms; animation-delay: -2890ms; } .drop:nth-child(166) .z { -webkit-transform: translateZ(119px); transform: translateZ(119px); } .drop:nth-child(167) { left: 98%; -webkit-animation-delay: -5973ms; animation-delay: -5973ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(167) .slide { -webkit-animation-delay: -8932ms; animation-delay: -8932ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(167) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(167) .rotate { -webkit-animation-delay: -8053ms; animation-delay: -8053ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(167) .move, .drop:nth-child(167) .reverse { -webkit-animation-delay: -9993ms; animation-delay: -9993ms; } .drop:nth-child(167) .z { -webkit-transform: translateZ(182px); transform: translateZ(182px); } .drop:nth-child(168) { left: 27%; -webkit-animation-delay: -877ms; animation-delay: -877ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(168) .slide { -webkit-animation-delay: -4056ms; animation-delay: -4056ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(168) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(168) .rotate { -webkit-animation-delay: -8089ms; animation-delay: -8089ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(168) .move, .drop:nth-child(168) .reverse { -webkit-animation-delay: -2213ms; animation-delay: -2213ms; } .drop:nth-child(168) .z { -webkit-transform: translateZ(-724px); transform: translateZ(-724px); } .drop:nth-child(169) { left: 5%; -webkit-animation-delay: -5795ms; animation-delay: -5795ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(169) .slide { -webkit-animation-delay: -9101ms; animation-delay: -9101ms; -webkit-animation-duration: 6s; animation-duration: 6s; } .drop:nth-child(169) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(169) .rotate { -webkit-animation-delay: -1232ms; animation-delay: -1232ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(169) .move, .drop:nth-child(169) .reverse { -webkit-animation-delay: -6009ms; animation-delay: -6009ms; } .drop:nth-child(169) .z { -webkit-transform: translateZ(83px); transform: translateZ(83px); } .drop:nth-child(170) { left: 56%; -webkit-animation-delay: -7034ms; animation-delay: -7034ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(170) .slide { -webkit-animation-delay: -5402ms; animation-delay: -5402ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(170) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(170) .rotate { -webkit-animation-delay: -8723ms; animation-delay: -8723ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(170) .move, .drop:nth-child(170) .reverse { -webkit-animation-delay: -1073ms; animation-delay: -1073ms; } .drop:nth-child(170) .z { -webkit-transform: translateZ(-136px); transform: translateZ(-136px); } .drop:nth-child(171) { left: 90%; -webkit-animation-delay: -5489ms; animation-delay: -5489ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(171) .slide { -webkit-animation-delay: -4611ms; animation-delay: -4611ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(171) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(171) .rotate { -webkit-animation-delay: -5963ms; animation-delay: -5963ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(171) .move, .drop:nth-child(171) .reverse { -webkit-animation-delay: -2848ms; animation-delay: -2848ms; } .drop:nth-child(171) .z { -webkit-transform: translateZ(-473px); transform: translateZ(-473px); } .drop:nth-child(172) { left: 65%; -webkit-animation-delay: -1852ms; animation-delay: -1852ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(172) .slide { -webkit-animation-delay: -181ms; animation-delay: -181ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(172) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(172) .rotate { -webkit-animation-delay: -2164ms; animation-delay: -2164ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(172) .move, .drop:nth-child(172) .reverse { -webkit-animation-delay: -6750ms; animation-delay: -6750ms; } .drop:nth-child(172) .z { -webkit-transform: translateZ(89px); transform: translateZ(89px); } .drop:nth-child(173) { left: 79%; -webkit-animation-delay: -4814ms; animation-delay: -4814ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(173) .slide { -webkit-animation-delay: -5182ms; animation-delay: -5182ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(173) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(173) .rotate { -webkit-animation-delay: -4829ms; animation-delay: -4829ms; -webkit-animation-duration: 2s; animation-duration: 2s; } .drop:nth-child(173) .move, .drop:nth-child(173) .reverse { -webkit-animation-delay: -8796ms; animation-delay: -8796ms; } .drop:nth-child(173) .z { -webkit-transform: translateZ(332px); transform: translateZ(332px); } .drop:nth-child(174) { left: 78%; -webkit-animation-delay: -1330ms; animation-delay: -1330ms; -webkit-animation-duration: 10s; animation-duration: 10s; } .drop:nth-child(174) .slide { -webkit-animation-delay: -2160ms; animation-delay: -2160ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(174) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(174) .rotate { -webkit-animation-delay: -1181ms; animation-delay: -1181ms; -webkit-animation-duration: 4s; animation-duration: 4s; } .drop:nth-child(174) .move, .drop:nth-child(174) .reverse { -webkit-animation-delay: -3667ms; animation-delay: -3667ms; } .drop:nth-child(174) .z { -webkit-transform: translateZ(-654px); transform: translateZ(-654px); } .drop:nth-child(175) { left: 50%; -webkit-animation-delay: -8410ms; animation-delay: -8410ms; -webkit-animation-duration: 8s; animation-duration: 8s; } .drop:nth-child(175) .slide { -webkit-animation-delay: -2809ms; animation-delay: -2809ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(175) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(175) .rotate { -webkit-animation-delay: -6188ms; animation-delay: -6188ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(175) .move, .drop:nth-child(175) .reverse { -webkit-animation-delay: -1736ms; animation-delay: -1736ms; } .drop:nth-child(175) .z { -webkit-transform: translateZ(-179px); transform: translateZ(-179px); } .drop:nth-child(176) { left: 83%; -webkit-animation-delay: -8837ms; animation-delay: -8837ms; -webkit-animation-duration: 9s; animation-duration: 9s; } .drop:nth-child(176) .slide { -webkit-animation-delay: -9000ms; animation-delay: -9000ms; -webkit-animation-duration: 11s; animation-duration: 11s; } .drop:nth-child(176) .size { -webkit-transform: scale(2); transform: scale(2); } .drop:nth-child(176) .rotate { -webkit-animation-delay: -6385ms; animation-delay: -6385ms; -webkit-animation-duration: 5s; animation-duration: 5s; } .drop:nth-child(176) .move, .drop:nth-child(176) .reverse { -webkit-animation-delay: -4972ms; animation-delay: -4972ms; } .drop:nth-child(176) .z { -webkit-transform: translateZ(434px); transform: translateZ(434px); } .drop:nth-child(177) { left: 83%; -webkit-animation-delay: -6494ms; animation-delay: -6494ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(177) .slide { -webkit-animation-delay: -314ms; animation-delay: -314ms; -webkit-animation-duration: 12s; animation-duration: 12s; } .drop:nth-child(177) .size { -webkit-transform: scale(3); transform: scale(3); } .drop:nth-child(177) .rotate { -webkit-animation-delay: -7277ms; animation-delay: -7277ms; -webkit-animation-duration: 3s; animation-duration: 3s; } .drop:nth-child(177) .move, .drop:nth-child(177) .reverse { -webkit-animation-delay: -8769ms; animation-delay: -8769ms; } .drop:nth-child(177) .z { -webkit-transform: translateZ(253px); transform: translateZ(253px); } .drop:nth-child(178) { left: 64%; -webkit-ani.........完整代码请登录后点击上方下载按钮下载查看
网友评论0