EffectHub.com: your best source for gaming

Recommendation

More Effects...

CSS

html, body {
  background: linear-gradient(to top, #53346d 0%, #000000 100%);
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

div {
  height: 100%;
  -webkit-animation: altitude 100s linear infinite;
  animation: altitude 100s linear infinite;
}

em {
  display: block;
  position: absolute;
  top: 50%;
  width: 100px;
  height: 3px;
  background: rgba(255, 255, 255, 0.7);
  -webkit-animation: wind 50s linear infinite;
  animation: wind 50s linear infinite;
}

em:nth-child(1) {
  top: 51%;
  -webkit-animation-delay: -2s;
  -webkit-animation-duration: 0.8s;
  animation-delay: -5s;
  animation-duration: 0.4s;
  opacity: 0.052;
}

em:nth-child(2) {
  top: 55%;
  -webkit-animation-delay: -8s;
  -webkit-animation-duration: 0.3s;
  animation-delay: -6s;
  animation-duration: 0.7s;
  opacity: 0.001;
}

em:nth-child(3) {
  top: 37%;
  -webkit-animation-delay: -2s;
  -webkit-animation-duration: 1s;
  animation-delay: -7s;
  animation-duration: 0.1s;
  opacity: 0.076;
}

em:nth-child(4) {
  top: 43%;
  -webkit-animation-delay: -4s;
  -webkit-animation-duration: 0.6s;
  animation-delay: -6s;
  animation-duration: 1s;
  opacity: 0.043;
}

em:nth-child(5) {
  top: 36%;
  -webkit-animation-delay: -3s;
  -webkit-animation-duration: 0.5s;
  animation-delay: -5s;
  animation-duration: 0.9s;
  opacity: 0.083;
}

em:nth-child(6) {
  top: 59%;
  -webkit-animation-delay: -7s;
  -webkit-animation-duration: 0.1s;
  animation-delay: -9s;
  animation-duration: 0.7s;
  opacity: 0.051;
}

em:nth-child(7) {
  top: 25%;
  -webkit-animation-delay: -8s;
  -webkit-animation-duration: 0.6s;
  animation-delay: -3s;
  animation-duration: 0.7s;
  opacity: 0.04;
}

em:nth-child(8) {
  top: 31%;
  -webkit-animation-delay: -14s;
  -webkit-animation-duration: 0.2s;
  animation-delay: -14s;
  animation-duration: 0.8s;
  opacity: 0.079;
}

em:nth-child(9) {
  top: 21%;
  -webkit-animation-delay: -4s;
  -webkit-animation-duration: 0.4s;
  animation-delay: -2s;
  animation-duration: 0.2s;
  opacity: 0.037;
}

em:nth-child(10) {
  top: 2%;
  -webkit-animation-delay: -11s;
  -webkit-animation-duration: 0.9s;
  animation-delay: -5s;
  animation-duration: 0.1s;
  opacity: 0.048;
}

em:nth-child(11) {
  top: 38%;
  -webkit-animation-delay: -3s;
  -webkit-animation-duration: 0.6s;
  animation-delay: -14s;
  animation-duration: 0.7s;
  opacity: 0.032;
}

em:nth-child(12) {
  top: 34%;
  -webkit-animation-delay: -14s;
  -webkit-animation-duration: 0.1s;
  animation-delay: -12s;
  animation-duration: 0.7s;
  opacity: 0.044;
}

em:nth-child(13) {
  top: 29%;
  -webkit-animation-delay: -6s;
  -webkit-animation-duration: 0.6s;
  animation-delay: -6s;
  animation-duration: 0.5s;
  opacity: 0.075;
}

em:nth-child(14) {
  top: 9%;
  -webkit-animation-delay: -4s;
  -webkit-animation-duration: 1s;
  animation-delay: -10s;
  animation-duration: 0.7s;
  opacity: 0.002;
}

em:nth-child(15) {
  top: 71%;
  -webkit-animation-delay: -13s;
  -webkit-animation-duration: 0.9s;
  animation-delay: -17s;
  animation-duration: 0.8s;
  opacity: 0.047;
}

em:nth-child(16) {
  top: 79%;
  -webkit-animation-delay: -2s;
  -webkit-animation-duration: 0.2s;
  animation-delay: -14s;
  animation-duration: 0.3s;
  opacity: 0.075;
}

em:nth-child(17) {
  top: 7%;
  -webkit-animation-delay: -14s;
  -webkit-animation-duration: 0.4s;
  animation-delay: -19s;
  animation-duration: 0.8s;
  opacity: 0.012;
}

em:nth-child(18) {
  top: 69%;
  -webkit-animation-delay: -9s;
  -webkit-animation-duration: 0.4s;
  animation-delay: -6s;
  animation-duration: 0.9s;
  opacity: 0.079;
}

b {
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 16px;
  -webkit-animation: b 5s linear infinite;
  animation: b 5s linear infinite;
  border-radius: 50% 50%;
  backface-visibility: hidden;
}
b i {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-animation: pulse 3s linear infinite;
  animation: pulse 3s linear infinite;
  background: linear-gradient(to right, #ecf294 0%, #ecf294 20%, #111111 20%, #111111 100%);
  border-radius: 50% 50%;
  background-size: 200% 100%;
  background-position: 0 0;
}
b:after, b:before {
  display: block;
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 8px;
  height: 15px;
  background: rgba(240, 248, 255, 0.4);
  border-radius: 50%;
  transform-origin: 50% 100%;
}
b:after {
  -webkit-animation: w1 0.12s ease-in-out infinite;
  animation: w1 0.12s ease-in-out infinite;
  margin-left: -6px;
  z-index: 2;
}
b:before {
  -webkit-animation: w2 0.12s ease-in-out infinite;
  animation: w2 0.12s ease-in-out infinite;
  margin-left: -6px;
  z-index: -1;
}

@-webkit-keyframes pulse {
  0% {
    background-position: -10px 0;
    box-shadow: none;
  }
  10% {
    background-position: -5px 0;
    box-shadow: -20px 0 100px  #fffe00;
  }
  30%, 100% {
    background-position: -10px 0;
    box-shadow: none;
  }
}
@keyframes pulse {
  0% {
    background-position: -10px 0;
    box-shadow: none;
  }
  10% {
    background-position: -5px 0;
    box-shadow: -20px 0 100px  #fffe00;
  }
  30%, 100% {
    background-position: -10px 0;
    box-shadow: none;
  }
}
@-webkit-keyframes b {
  0% {
    -webkit-transform: translate(0%, 0%);
  }
  1% {
    -webkit-transform: translate(8.41471%, -8.41471%);
  }
  2% {
    -webkit-transform: translate(9.09297%, -9.09297%);
  }
  3% {
    -webkit-transform: translate(1.4112%, -1.4112%);
  }
  4% {
    -webkit-transform: translate(-7.56802%, 7.56802%);
  }
  5% {
    -webkit-transform: translate(-9.58924%, 9.58924%);
  }
  6% {
    -webkit-transform: translate(-2.79415%, 2.79415%);
  }
  7% {
    -webkit-transform: translate(6.56987%, -6.56987%);
  }
  8% {
    -webkit-transform: translate(9.89358%, -9.89358%);
  }
  9% {
    -webkit-transform: translate(4.12118%, -4.12118%);
  }
  10% {
    -webkit-transform: translate(-5.44021%, 5.44021%);
  }
  11% {
    -webkit-transform: translate(-9.9999%, 9.9999%);
  }
  12% {
    -webkit-transform: translate(-5.36573%, 5.36573%);
  }
  13% {
    -webkit-transform: translate(4.20167%, -4.20167%);
  }
  14% {
    -webkit-transform: translate(9.90607%, -9.90607%);
  }
  15% {
    -webkit-transform: translate(6.50288%, -6.50288%);
  }
  16% {
    -webkit-transform: translate(-2.87903%, 2.87903%);
  }
  17% {
    -webkit-transform: translate(-9.61397%, 9.61397%);
  }
  18% {
    -webkit-transform: translate(-7.50987%, 7.50987%);
  }
  19% {
    -webkit-transform: translate(1.49877%, -1.49877%);
  }
  20% {
    -webkit-transform: translate(9.12945%, -9.12945%);
  }
  21% {
    -webkit-transform: translate(8.36656%, -8.36656%);
  }
  22% {
    -webkit-transform: translate(-0.08851%, 0.08851%);
  }
  23% {
    -webkit-transform: translate(-8.4622%, 8.4622%);
  }
  24% {
    -webkit-transform: translate(-9.05578%, 9.05578%);
  }
  25% {
    -webkit-transform: translate(-1.32352%, 1.32352%);
  }
  26% {
    -webkit-transform: translate(7.62558%, -7.62558%);
  }
  27% {
    -webkit-transform: translate(9.56376%, -9.56376%);
  }
  28% {
    -webkit-transform: translate(2.70906%, -2.70906%);
  }
  29% {
    -webkit-transform: translate(-6.63634%, 6.63634%);
  }
  30% {
    -webkit-transform: translate(-9.88032%, 9.88032%);
  }
  31% {
    -webkit-transform: translate(-4.04038%, 4.04038%);
  }
  32% {
    -webkit-transform: translate(5.51427%, -5.51427%);
  }
  33% {
    -webkit-transform: translate(9.99912%, -9.99912%);
  }
  34% {
    -webkit-transform: translate(5.29083%, -5.29083%);
  }
  35% {
    -webkit-transform: translate(-4.28183%, 4.28183%);
  }
  36% {
    -webkit-transform: translate(-9.91779%, 9.91779%);
  }
  37% {
    -webkit-transform: translate(-6.43538%, 6.43538%);
  }
  38% {
    -webkit-transform: translate(2.96369%, -2.96369%);
  }
  39% {
    -webkit-transform: translate(9.63795%, -9.63795%);
  }
  40% {
    -webkit-transform: translate(7.45113%, -7.45113%);
  }
  41% {
    -webkit-transform: translate(-1.58623%, 1.58623%);
  }
  42% {
    -webkit-transform: translate(-9.16522%, 9.16522%);
  }
  43% {
    -webkit-transform: translate(-8.31775%, 8.31775%);
  }
  44% {
    -webkit-transform: translate(0.17702%, -0.17702%);
  }
  45% {
    -webkit-transform: translate(8.50904%, -8.50904%);
  }
  46% {
    -webkit-transform: translate(9.01788%, -9.01788%);
  }
  47% {
    -webkit-transform: translate(1.23573%, -1.23573%);
  }
  48% {
    -webkit-transform: translate(-7.68255%, 7.68255%);
  }
  49% {
    -webkit-transform: translate(-9.53753%, 9.53753%);
  }
  50% {
    -webkit-transform: translate(-2.62375%, 2.62375%);
  }
  51% {
    -webkit-transform: translate(6.70229%, -6.70229%);
  }
  52% {
    -webkit-transform: translate(9.86628%, -9.86628%);
  }
  53% {
    -webkit-transform: translate(3.95925%, -3.95925%);
  }
  54% {
    -webkit-transform: translate(-5.58789%, 5.58789%);
  }
  55% {
    -webkit-transform: translate(-9.99755%, 9.99755%);
  }
  56% {
    -webkit-transform: translate(-5.21551%, 5.21551%);
  }
  57% {
    -webkit-transform: translate(4.36165%, -4.36165%);
  }
  58% {
    -webkit-transform: translate(9.92873%, -9.92873%);
  }
  59% {
    -webkit-transform: translate(6.36738%, -6.36738%);
  }
  60% {
    -webkit-transform: translate(-3.04811%, 3.04811%);
  }
  61% {
    -webkit-transform: translate(-9.66118%, 9.66118%);
  }
  62% {
    -webkit-transform: translate(-7.39181%, 7.39181%);
  }
  63% {
    -webkit-transform: translate(1.67356%, -1.67356%);
  }
  64% {
    -webkit-transform: translate(9.20026%, -9.20026%);
  }
  65% {
    -webkit-transform: translate(8.26829%, -8.26829%);
  }
  66% {
    -webkit-transform: translate(-0.26551%, 0.26551%);
  }
  67% {
    -webkit-transform: translate(-8.5552%, 8.5552%);
  }
  68% {
    -webkit-transform: translate(-8.97928%, 8.97928%);
  }
  69% {
    -webkit-transform: translate(-1.14785%, 1.14785%);
  }
  70% {
    -webkit-transform: translate(7.73891%, -7.73891%);
  }
  71% {
    -webkit-transform: translate(9.51055%, -9.51055%);
  }
  72% {
    -webkit-transform: translate(2.53823%, -2.53823%);
  }
  73% {
    -webkit-transform: translate(-6.76772%, 6.76772%);
  }
  74% {
    -webkit-transform: translate(-9.85146%, 9.85146%);
  }
  75% {
    -webkit-transform: translate(-3.87782%, 3.87782%);
  }
  76% {
    -webkit-transform: translate(5.66108%, -5.66108%);
  }
  77% {
    -webkit-transform: translate(9.9952%, -9.9952%);
  }
  78% {
    -webkit-transform: translate(5.13978%, -5.13978%);
  }
  79% {
    -webkit-transform: translate(-4.44113%, 4.44113%);
  }
  80% {
    -webkit-transform: translate(-9.93889%, 9.93889%);
  }
  81% {
    -webkit-transform: translate(-6.29888%, 6.29888%);
  }
  82% {
    -webkit-transform: translate(3.13229%, -3.13229%);
  }
  83% {
    -webkit-transform: translate(9.68364%, -9.68364%);
  }
  84% {
    -webkit-transform: translate(7.3319%, -7.3319%);
  }
  85% {
    -webkit-transform: translate(-1.76076%, 1.76076%);
  }
  86% {
    -webkit-transform: translate(-9.23458%, 9.23458%);
  }
  87% {
    -webkit-transform: translate(-8.21818%, 8.21818%);
  }
  88% {
    -webkit-transform: translate(0.35398%, -0.35398%);
  }
  89% {
    -webkit-transform: translate(8.60069%, -8.60069%);
  }
  90% {
    -webkit-transform: translate(8.93997%, -8.93997%);
  }
  91% {
    -webkit-transform: translate(1.05988%, -1.05988%);
  }
  92% {
    -webkit-transform: translate(-7.79466%, 7.79466%);
  }
  93% {
    -webkit-transform: translate(-9.48282%, 9.48282%);
  }
  94% {
    -webkit-transform: translate(-2.45252%, 2.45252%);
  }
  95% {
    -webkit-transform: translate(6.83262%, -6.83262%);
  }
  96% {
    -webkit-transform: translate(9.83588%, -9.83588%);
  }
  97% {
    -webkit-transform: translate(3.79608%, -3.79608%);
  }
  98% {
    -webkit-transform: translate(-5.73382%, 5.73382%);
  }
  99% {
    -webkit-transform: translate(-9.99207%, 9.99207%);
  }
  100% {
    -webkit-transform: translate(-5.06366%, 5.06366%);
  }
}
@keyframes b {
  0% {
    transform: translate(0%, 0%);
  }
  1% {
    transform: translate(8.41471%, -8.41471%);
  }
  2% {
    transform: translate(9.09297%, -9.09297%);
  }
  3% {
    transform: translate(1.4112%, -1.4112%);
  }
  4% {
    transform: translate(-7.56802%, 7.56802%);
  }
  5% {
    transform: translate(-9.58924%, 9.58924%);
  }
  6% {
    transform: translate(-2.79415%, 2.79415%);
  }
  7% {
    transform: translate(6.56987%, -6.56987%);
  }
  8% {
    transform: translate(9.89358%, -9.89358%);
  }
  9% {
    transform: translate(4.12118%, -4.12118%);
  }
  10% {
    transform: translate(-5.44021%, 5.44021%);
  }
  11% {
    transform: translate(-9.9999%, 9.9999%);
  }
  12% {
    transform: translate(-5.36573%, 5.36573%);
  }
  13% {
    transform: translate(4.20167%, -4.20167%);
  }
  14% {
    transform: translate(9.90607%, -9.90607%);
  }
  15% {
    transform: translate(6.50288%, -6.50288%);
  }
  16% {
    transform: translate(-2.87903%, 2.87903%);
  }
  17% {
    transform: translate(-9.61397%, 9.61397%);
  }
  18% {
    transform: translate(-7.50987%, 7.50987%);
  }
  19% {
    transform: translate(1.49877%, -1.49877%);
  }
  20% {
    transform: translate(9.12945%, -9.12945%);
  }
  21% {
    transform: translate(8.36656%, -8.36656%);
  }
  22% {
    transform: translate(-0.08851%, 0.08851%);
  }
  23% {
    transform: translate(-8.4622%, 8.4622%);
  }
  24% {
    transform: translate(-9.05578%, 9.05578%);
  }
  25% {
    transform: translate(-1.32352%, 1.32352%);
  }
  26% {
    transform: translate(7.62558%, -7.62558%);
  }
  27% {
    transform: translate(9.56376%, -9.56376%);
  }
  28% {
    transform: translate(2.70906%, -2.70906%);
  }
  29% {
    transform: translate(-6.63634%, 6.63634%);
  }
  30% {
    transform: translate(-9.88032%, 9.88032%);
  }
  31% {
    transform: translate(-4.04038%, 4.04038%);
  }
  32% {
    transform: translate(5.51427%, -5.51427%);
  }
  33% {
    transform: translate(9.99912%, -9.99912%);
  }
  34% {
    transform: translate(5.29083%, -5.29083%);
  }
  35% {
    transform: translate(-4.28183%, 4.28183%);
  }
  36% {
    transform: translate(-9.91779%, 9.91779%);
  }
  37% {
    transform: translate(-6.43538%, 6.43538%);
  }
  38% {
    transform: translate(2.96369%, -2.96369%);
  }
  39% {
    transform: translate(9.63795%, -9.63795%);
  }
  40% {
    transform: translate(7.45113%, -7.45113%);
  }
  41% {
    transform: translate(-1.58623%, 1.58623%);
  }
  42% {
    transform: translate(-9.16522%, 9.16522%);
  }
  43% {
    transform: translate(-8.31775%, 8.31775%);
  }
  44% {
    transform: translate(0.17702%, -0.17702%);
  }
  45% {
    transform: translate(8.50904%, -8.50904%);
  }
  46% {
    transform: translate(9.01788%, -9.01788%);
  }
  47% {
    transform: translate(1.23573%, -1.23573%);
  }
  48% {
    transform: translate(-7.68255%, 7.68255%);
  }
  49% {
    transform: translate(-9.53753%, 9.53753%);
  }
  50% {
    transform: translate(-2.62375%, 2.62375%);
  }
  51% {
    transform: translate(6.70229%, -6.70229%);
  }
  52% {
    transform: translate(9.86628%, -9.86628%);
  }
  53% {
    transform: translate(3.95925%, -3.95925%);
  }
  54% {
    transform: translate(-5.58789%, 5.58789%);
  }
  55% {
    transform: translate(-9.99755%, 9.99755%);
  }
  56% {
    transform: translate(-5.21551%, 5.21551%);
  }
  57% {
    transform: translate(4.36165%, -4.36165%);
  }
  58% {
    transform: translate(9.92873%, -9.92873%);
  }
  59% {
    transform: translate(6.36738%, -6.36738%);
  }
  60% {
    transform: translate(-3.04811%, 3.04811%);
  }
  61% {
    transform: translate(-9.66118%, 9.66118%);
  }
  62% {
    transform: translate(-7.39181%, 7.39181%);
  }
  63% {
    transform: translate(1.67356%, -1.67356%);
  }
  64% {
    transform: translate(9.20026%, -9.20026%);
  }
  65% {
    transform: translate(8.26829%, -8.26829%);
  }
  66% {
    transform: translate(-0.26551%, 0.26551%);
  }
  67% {
    transform: translate(-8.5552%, 8.5552%);
  }
  68% {
    transform: translate(-8.97928%, 8.97928%);
  }
  69% {
    transform: translate(-1.14785%, 1.14785%);
  }
  70% {
    transform: translate(7.73891%, -7.73891%);
  }
  71% {
    transform: translate(9.51055%, -9.51055%);
  }
  72% {
    transform: translate(2.53823%, -2.53823%);
  }
  73% {
    transform: translate(-6.76772%, 6.76772%);
  }
  74% {
    transform: translate(-9.85146%, 9.85146%);
  }
  75% {
    transform: translate(-3.87782%, 3.87782%);
  }
  76% {
    transform: translate(5.66108%, -5.66108%);
  }
  77% {
    transform: translate(9.9952%, -9.9952%);
  }
  78% {
    transform: translate(5.13978%, -5.13978%);
  }
  79% {
    transform: translate(-4.44113%, 4.44113%);
  }
  80% {
    transform: translate(-9.93889%, 9.93889%);
  }
  81% {
    transform: translate(-6.29888%, 6.29888%);
  }
  82% {
    transform: translate(3.13229%, -3.13229%);
  }
  83% {
    transform: translate(9.68364%, -9.68364%);
  }
  84% {
    transform: translate(7.3319%, -7.3319%);
  }
  85% {
    transform: translate(-1.76076%, 1.76076%);
  }
  86% {
    transform: translate(-9.23458%, 9.23458%);
  }
  87% {
    transform: translate(-8.21818%, 8.21818%);
  }
  88% {
    transform: translate(0.35398%, -0.35398%);
  }
  89% {
    transform: translate(8.60069%, -8.60069%);
  }
  90% {
    transform: translate(8.93997%, -8.93997%);
  }
  91% {
    transform: translate(1.05988%, -1.05988%);
  }
  92% {
    transform: translate(-7.79466%, 7.79466%);
  }
  93% {
    transform: translate(-9.48282%, 9.48282%);
  }
  94% {
    transform: translate(-2.45252%, 2.45252%);
  }
  95% {
    transform: translate(6.83262%, -6.83262%);
  }
  96% {
    transform: translate(9.83588%, -9.83588%);
  }
  97% {
    transform: translate(3.79608%, -3.79608%);
  }
  98% {
    transform: translate(-5.73382%, 5.73382%);
  }
  99% {
    transform: translate(-9.99207%, 9.99207%);
  }
  100% {
    transform: translate(-5.06366%, 5.06366%);
  }
}
@-webkit-keyframes altitude {
  0% {
    -webkit-transform: translate(0%, 20%);
  }
  1% {
    -webkit-transform: translate(4.20735%, 10.80605%);
  }
  2% {
    -webkit-transform: translate(4.54649%, -8.32294%);
  }
  3% {
    -webkit-transform: translate(0.7056%, -19.79985%);
  }
  4% {
    -webkit-transform: translate(-3.78401%, -13.07287%);
  }
  5% {
    -webkit-transform: translate(-4.79462%, 5.67324%);
  }
  6% {
    -webkit-transform: translate(-1.39708%, 19.20341%);
  }
  7% {
    -webkit-transform: translate(3.28493%, 15.07805%);
  }
  8% {
    -webkit-transform: translate(4.94679%, -2.91%);
  }
  9% {
    -webkit-transform: translate(2.06059%, -18.22261%);
  }
  10% {
    -webkit-transform: translate(-2.72011%, -16.78143%);
  }
  11% {
    -webkit-transform: translate(-4.99995%, 0.08851%);
  }
  12% {
    -webkit-transform: translate(-2.68286%, 16.87708%);
  }
  13% {
    -webkit-transform: translate(2.10084%, 18.14894%);
  }
  14% {
    -webkit-transform: translate(4.95304%, 2.73474%);
  }
  15% {
    -webkit-transform: translate(3.25144%, -15.19376%);
  }
  16% {
    -webkit-transform: translate(-1.43952%, -19.15319%);
  }
  17% {
    -webkit-transform: translate(-4.80699%, -5.50327%);
  }
  18% {
    -webkit-transform: translate(-3.75494%, 13.20633%);
  }
  19% {
    -webkit-transform: translate(0.74939%, 19.77409%);
  }
  20% {
    -webkit-transform: translate(4.56473%, 8.16164%);
  }
  21% {
    -webkit-transform: translate(4.18328%, -10.95459%);
  }
  22% {
    -webkit-transform: translate(-0.04426%, -19.99922%);
  }
  23% {
    -webkit-transform: translate(-4.2311%, -10.65666%);
  }
  24% {
    -webkit-transform: translate(-4.52789%, 8.48358%);
  }
  25% {
    -webkit-transform: translate(-0.66176%, 19.82406%);
  }
  26% {
    -webkit-transform: translate(3.81279%, 12.93839%);
  }
  27% {
    -webkit-transform: translate(4.78188%, -5.84278%);
  }
  28% {
    -webkit-transform: translate(1.35453%, -19.25212%);
  }
  29% {
    -webkit-transform: translate(-3.31817%, -14.96115%);
  }
  30% {
    -webkit-transform: translate(-4.94016%, 3.08503%);
  }
  31% {
    -webkit-transform: translate(-2.02019%, 18.29485%);
  }
  32% {
    -webkit-transform: translate(2.75713%, 16.68447%);
  }
  33% {
    -webkit-transform: translate(4.99956%, -0.26553%);
  }
  34% {
    -webkit-transform: translate(2.64541%, -16.97141%);
  }
  35% {
    -webkit-transform: translate(-2.14091%, -18.07384%);
  }
  36% {
    -webkit-transform: translate(-4.95889%, -2.55927%);
  }
  37% {
    -webkit-transform: translate(-3.21769%, 15.30828%);
  }
  38% {
    -webkit-transform: translate(1.48184%, 19.10147%);
  }
  39% {
    -webkit-transform: translate(4.81898%, 5.33286%);
  }
  40% {
    -webkit-transform: translate(3.72557%, -13.33876%);
  }
  41% {
    -webkit-transform: translate(-0.79311%, -19.74679%);
  }
  42% {
    -webkit-transform: translate(-4.58261%, -7.99971%);
  }
  43% {
    -webkit-transform: translate(-4.15887%, 11.10227%);
  }
  44% {
    -webkit-transform: translate(0.08851%, 19.99687%);
  }
  45% {
    -webkit-transform: translate(4.25452%, 10.50644%);
  }
  46% {
    -webkit-transform: translate(4.50894%, -8.64356%);
  }
  47% {
    -webkit-transform: translate(0.61787%, -19.84671%);
  }
  48% {
    -webkit-transform: translate(-3.84127%, -12.80289%);
  }
  49% {
    -webkit-transform: translate(-4.76876%, 6.01185%);
  }
  50% {
    -webkit-transform: translate(-1.31187%, 19.29932%);
  }
  51% {
    -webkit-transform: translate(3.35115%, 14.84308%);
  }
  52% {
    -webkit-transform: translate(4.93314%, -3.25982%);
  }
  53% {
    -webkit-transform: translate(1.97963%, -18.36566%);
  }
  54% {
    -webkit-transform: translate(-2.79395%, -16.5862%);
  }
  55% {
    -webkit-transform: translate(-4.99878%, 0.44254%);
  }
  56% {
    -webkit-transform: translate(-2.60776%, 17.0644%);
  }
  57% {
    -webkit-transform: translate(2.18082%, 17.99734%);
  }
  58% {
    -webkit-transform: translate(4.96436%, 2.3836%);
  }
  59% {
    -webkit-transform: translate(3.18369%, -15.4216%);
  }
  60% {
    -webkit-transform: translate(-1.52405%, -19.04826%);
  }
  61% {
    -webkit-transform: translate(-4.83059%, -5.16203%);
  }
  62% {
    -webkit-transform: translate(-3.6959%, 13.47014%);
  }
  63% {
    -webkit-transform: translate(0.83678%, 19.71793%);
  }
  64% {
    -webkit-transform: translate(4.60013%, 7.83714%);
  }
  65% {
    -webkit-transform: translate(4.13414%, -11.24908%);
  }
  66% {
    -webkit-transform: translate(-0.13276%, -19.99295%);
  }
  67% {
    -webkit-transform: translate(-4.2776%, -10.3554%);
  }
  68% {
    -webkit-transform: translate(-4.48964%, 8.80286%);
  }
  69% {
    -webkit-transform: translate(-0.57392%, 19.86781%);
  }
  70% {
    -webkit-transform: translate(3.86945%, 12.66638%);
  }
  71% {
    -webkit-transform: translate(4.75527%, -6.18045%);
  }
  72% {
    -webkit-transform: translate(1.26912%, -19.34501%);
  }
  73% {
    -webkit-transform: translate(-3.38386%, -14.72385%);
  }
  74% {
    -webkit-transform: translate(-4.92573%, 3.43435%);
  }
  75% {
    -webkit-transform: translate(-1.93891%, 18.43503%);
  }
  76% {
    -webkit-transform: translate(2.83054%, 16.48663%);
  }
  77% {
    -webkit-transform: translate(4.9976%, -0.6195%);
  }
  78% {
    -webkit-transform: translate(2.56989%, -17.15606%);
  }
  79% {
    -webkit-transform: translate(-2.22056%, -17.91942%);
  }
  80% {
    -webkit-transform: translate(-4.96944%, -2.20774%);
  }
  81% {
    -webkit-transform: translate(-3.14944%, 15.53372%);
  }
  82% {
    -webkit-transform: translate(1.56614%, 18.99355%);
  }
  83% {
    -webkit-transform: translate(4.84182%, 4.9908%);
  }
  84% {
    -webkit-transform: translate(3.66595%, -13.60047%);
  }
  85% {
    -webkit-transform: translate(-0.88038%, -19.68753%);
  }
  86% {
    -webkit-transform: translate(-4.61729%, -7.67397%);
  }
  87% {
    -webkit-transform: translate(-4.10909%, 11.39501%);
  }
  88% {
    -webkit-transform: translate(0.17699%, 19.98747%);
  }
  89% {
    -webkit-transform: translate(4.30035%, 10.20354%);
  }
  90% {
    -webkit-transform: translate(4.46998%, -8.96147%);
  }
  91% {
    -webkit-transform: translate(0.52994%, -19.88735%);
  }
  92% {
    -webkit-transform: translate(-3.89733%, -12.52889%);
  }
  93% {
    -webkit-transform: translate(-4.74141%, 6.34857%);
  }
  94% {
    -webkit-transform: translate(-1.22626%, 19.38919%);
  }
  95% {
    -webkit-transform: translate(3.41631%, 14.60347%);
  }
  96% {
    -webkit-transform: translate(4.91794%, -3.60861%);
  }
  97% {
    -webkit-transform: translate(1.89804%, -18.50295%);
  }
  98% {
    -webkit-transform: translate(-2.86691%, -16.38576%);
  }
  99% {
    -webkit-transform: translate(-4.99603%, 0.79642%);
  }
  100% {
    -webkit-transform: translate(-2.53183%, 17.24638%);
  }
}
@keyframes altitude {
  0% {
    transform: translate(0%, 20%);
  }
  1% {
    transform: translate(8.41471%, 10.80605%);
  }
  2% {
    transform: translate(9.09297%, -8.32294%);
  }
  3% {
    transform: translate(1.4112%, -19.79985%);
  }
  4% {
    transform: translate(-7.56802%, -13.07287%);
  }
  5% {
    transform: translate(-9.58924%, 5.67324%);
  }
  6% {
    transform: translate(-2.79415%, 19.20341%);
  }
  7% {
    transform: translate(6.56987%, 15.07805%);
  }
  8% {
    transform: translate(9.89358%, -2.91%);
  }
  9% {
    transform: translate(4.12118%, -18.22261%);
  }
  10% {
    transform: translate(-5.44021%, -16.78143%);
  }
  11% {
    transform: translate(-9.9999%, 0.08851%);
  }
  12% {
    transform: translate(-5.36573%, 16.87708%);
  }
  13% {
    transform: translate(4.20167%, 18.14894%);
  }
  14% {
    transform: translate(9.90607%, 2.73474%);
  }
  15% {
    transform: translate(6.50288%, -15.19376%);
  }
  16% {
    transform: translate(-2.87903%, -19.15319%);
  }
  17% {
    transform: translate(-9.61397%, -5.50327%);
  }
  18% {
    transform: translate(-7.50987%, 13.20633%);
  }
  19% {
    transform: translate(1.49877%, 19.77409%);
  }
  20% {
    transform: translate(9.12945%, 8.16164%);
  }
  21% {
    transform: translate(8.36656%, -10.95459%);
  }
  22% {
    transform: translate(-0.08851%, -19.99922%);
  }
  23% {
    transform: translate(-8.4622%, -10.65666%);
  }
  24% {
    transform: translate(-9.05578%, 8.48358%);
  }
  25% {
    transform: translate(-1.32352%, 19.82406%);
  }
  26% {
    transform: translate(7.62558%, 12.93839%);
  }
  27% {
    transform: translate(9.56376%, -5.84278%);
  }
  28% {
    transform: translate(2.70906%, -19.25212%);
  }
  29% {
    transform: translate(-6.63634%, -14.96115%);
  }
  30% {
    transform: translate(-9.88032%, 3.08503%);
  }
  31% {
    transform: translate(-4.04038%, 18.29485%);
  }
  32% {
    transform: translate(5.51427%, 16.68447%);
  }
  33% {
    transform: translate(9.99912%, -0.26553%);
  }
  34% {
    transform: translate(5.29083%, -16.97141%);
  }
  35% {
    transform: translate(-4.28183%, -18.07384%);
  }
  36% {
    transform: translate(-9.91779%, -2.55927%);
  }
  37% {
    transform: translate(-6.43538%, 15.30828%);
  }
  38% {
    transform: translate(2.96369%, 19.10147%);
  }
  39% {
    transform: translate(9.63795%, 5.33286%);
  }
  40% {
    transform: translate(7.45113%, -13.33876%);
  }
  41% {
    transform: translate(-1.58623%, -19.74679%);
  }
  42% {
    transform: translate(-9.16522%, -7.99971%);
  }
  43% {
    transform: translate(-8.31775%, 11.10227%);
  }
  44% {
    transform: translate(0.17702%, 19.99687%);
  }
  45% {
    transform: translate(8.50904%, 10.50644%);
  }
  46% {
    transform: translate(9.01788%, -8.64356%);
  }
  47% {
    transform: translate(1.23573%, -19.84671%);
  }
  48% {
    transform: translate(-7.68255%, -12.80289%);
  }
  49% {
    transform: translate(-9.53753%, 6.01185%);
  }
  50% {
    transform: translate(-2.62375%, 19.29932%);
  }
  51% {
    transform: translate(6.70229%, 14.84308%);
  }
  52% {
    transform: translate(9.86628%, -3.25982%);
  }
  53% {
    transform: translate(3.95925%, -18.36566%);
  }
  54% {
    transform: translate(-5.58789%, -16.5862%);
  }
  55% {
    transform: translate(-9.99755%, 0.44254%);
  }
  56% {
    transform: translate(-5.21551%, 17.0644%);
  }
  57% {
    transform: translate(4.36165%, 17.99734%);
  }
  58% {
    transform: translate(9.92873%, 2.3836%);
  }
  59% {
    transform: translate(6.36738%, -15.4216%);
  }
  60% {
    transform: translate(-3.04811%, -19.04826%);
  }
  61% {
    transform: translate(-9.66118%, -5.16203%);
  }
  62% {
    transform: translate(-7.39181%, 13.47014%);
  }
  63% {
    transform: translate(1.67356%, 19.71793%);
  }
  64% {
    transform: translate(9.20026%, 7.83714%);
  }
  65% {
    transform: translate(8.26829%, -11.24908%);
  }
  66% {
    transform: translate(-0.26551%, -19.99295%);
  }
  67% {
    transform: translate(-8.5552%, -10.3554%);
  }
  68% {
    transform: translate(-8.97928%, 8.80286%);
  }
  69% {
    transform: translate(-1.14785%, 19.86781%);
  }
  70% {
    transform: translate(7.73891%, 12.66638%);
  }
  71% {
    transform: translate(9.51055%, -6.18045%);
  }
  72% {
    transform: translate(2.53823%, -19.34501%);
  }
  73% {
    transform: translate(-6.76772%, -14.72385%);
  }
  74% {
    transform: translate(-9.85146%, 3.43435%);
  }
  75% {
    transform: translate(-3.87782%, 18.43503%);
  }
  76% {
    transform: translate(5.66108%, 16.48663%);
  }
  77% {
    transform: translate(9.9952%, -0.6195%);
  }
  78% {
    transform: translate(5.13978%, -17.15606%);
  }
  79% {
    transform: translate(-4.44113%, -17.91942%);
  }
  80% {
    transform: translate(-9.93889%, -2.20774%);
  }
  81% {
    transform: translate(-6.29888%, 15.53372%);
  }
  82% {
    transform: translate(3.13229%, 18.99355%);
  }
  83% {
    transform: translate(9.68364%, 4.9908%);
  }
  84% {
    transform: translate(7.3319%, -13.60047%);
  }
  85% {
    transform: translate(-1.76076%, -19.68753%);
  }
  86% {
    transform: translate(-9.23458%, -7.67397%);
  }
  87% {
    transform: translate(-8.21818%, 11.39501%);
  }
  88% {
    transform: translate(0.35398%, 19.98747%);
  }
  89% {
    transform: translate(8.60069%, 10.20354%);
  }
  90% {
    transform: translate(8.93997%, -8.96147%);
  }
  91% {
    transform: translate(1.05988%, -19.88735%);
  }
  92% {
    transform: translate(-7.79466%, -12.52889%);
  }
  93% {
    transform: translate(-9.48282%, 6.34857%);
  }
  94% {
    transform: translate(-2.45252%, 19.38919%);
  }
  95% {
    transform: translate(6.83262%, 14.60347%);
  }
  96% {
    transform: translate(9.83588%, -3.60861%);
  }
  97% {
    transform: translate(3.79608%, -18.50295%);
  }
  98% {
    transform: translate(-5.73382%, -16.38576%);
  }
  99% {
    transform: translate(-9.99207%, 0.79642%);
  }
  100% {
    transform: translate(-5.06366%, 17.24638%);
  }
}
@-webkit-keyframes w1 {
  0% {
    -webkit-transform: rotate(25deg);
  }
  50% {
    -webkit-transform: rotate(60deg);
  }
  100% {
    -webkit-transform: rotate(25deg);
  }
}
@keyframes w1 {
  0% {
    transform: rotate(25deg);
  }
  50% {
    transform: rotate(60deg);
  }
  100% {
    transform: rotate(25deg);
  }
}
@-webkit-keyframes w2 {
  0% {
    -webkit-transform: rotate(-25deg);
  }
  50% {
    -webkit-transform: rotate(-60deg);
  }
  100% {
    -webkit-transform: rotate(-25deg);
  }
}
@keyframes w2 {
  0% {
    transform: rotate(25deg);
  }
  50% {
    transform: rotate(-60deg);
  }
  100% {
    transform: rotate(25deg);
  }
}
@-webkit-keyframes wind {
  0% {
    right: 0%;
    width: 102px;
  }
  1% {
    right: 1%;
    width: 106px;
  }
  2% {
    right: 2%;
    width: 111px;
  }
  3% {
    right: 3%;
    width: 113px;
  }
  4% {
    right: 4%;
    width: 118px;
  }
  5% {
    right: 5%;
    width: 121px;
  }
  6% {
    right: 6%;
    width: 126px;
  }
  7% {
    right: 7%;
    width: 128px;
  }
  8% {
    right: 8%;
    width: 130px;
  }
  9% {
    right: 9%;
    width: 135px;
  }
  10% {
    right: 10%;
    width: 140px;
  }
  11% {
    right: 11%;
    width: 145px;
  }
  12% {
    right: 12%;
    width: 149px;
  }
  13% {
    right: 13%;
    width: 151px;
  }
  14% {
    right: 14%;
    width: 155px;
  }
  15% {
    right: 15%;
    width: 158px;
  }
  16% {
    right: 16%;
    width: 161px;
  }
  17% {
    right: 17%;
    width: 163px;
  }
  18% {
    right: 18%;
    width: 168px;
  }
  19% {
    right: 19%;
    width: 169px;
  }
  20% {
    right: 20%;
    width: 173px;
  }
  21% {
    right: 21%;
    width: 176px;
  }
  22% {
    right: 22%;
    width: 178px;
  }
  23% {
    right: 23%;
    width: 180px;
  }
  24% {
    right: 24%;
    width: 185px;
  }
  25% {
    right: 25%;
    width: 189px;
  }
  26% {
    right: 26%;
    width: 192px;
  }
  27% {
    right: 27%;
    width: 194px;
  }
  28% {
    right: 28%;
    width: 196px;
  }
  29% {
    right: 29%;
    width: 197px;
  }
  30% {
    right: 30%;
    width: 200px;
  }
  31% {
    right: 31%;
    width: 205px;
  }
  32% {
    right: 32%;
    width: 208px;
  }
  33% {
    right: 33%;
    width: 210px;
  }
  34% {
    right: 34%;
    width: 212px;
  }
  35% {
    right: 35%;
    width: 213px;
  }
  36% {
    right: 36%;
    width: 214px;
  }
  37% {
    right: 37%;
    width: 216px;
  }
  38% {
    right: 38%;
    width: 217px;
  }
  39% {
    right: 39%;
    width: 222px;
  }
  40% {
    right: 40%;
    width: 223px;
  }
  41% {
    right: 41%;
    width: 226px;
  }
  42% {
    right: 42%;
    width: 229px;
  }
  43% {
    right: 43%;
    width: 231px;
  }
  44% {
    right: 44%;
    width: 234px;
  }
  45% {
    right: 45%;
    width: 235px;
  }
  46% {
    right: 46%;
    width: 236px;
  }
  47% {
    right: 47%;
    width: 237px;
  }
  48% {
    right: 48%;
    width: 239px;
  }
  49% {
    right: 49%;
    width: 240px;
  }
  50% {
    right: 50%;
    width: 243px;
  }
  51% {
    right: 51%;
    width: 245px;
  }
  52% {
    right: 52%;
    width: 246px;
  }
  53% {
    right: 53%;
    width: 251px;
  }
  54% {
    right: 54%;
    width: 253px;
  }
  55% {
    right: 55%;
    width: 254px;
  }
  56% {
    right: 56%;
    width: 259px;
  }
  57% {
    right: 57%;
    width: 263px;
  }
  58% {
    right: 58%;
    width: 267px;
  }
  59% {
    right: 59%;
    width: 272px;
  }
  60% {
    right: 60%;
    width: 277px;
  }
  61% {
    right: 61%;
    width: 281px;
  }
  62% {
    right: 62%;
    width: 283px;
  }
  63% {
    right: 63%;
    width: 288px;
  }
  64% {
    right: 64%;
    width: 290px;
  }
  65% {
    right: 65%;
    width: 295px;
  }
  66% {
    right: 66%;
    width: 299px;
  }
  67% {
    right: 67%;
    width: 301px;
  }
  68% {
    right: 68%;
    width: 303px;
  }
  69% {
    right: 69%;
    width: 308px;
  }
  70% {
    right: 70%;
    width: 311px;
  }
  71% {
    right: 71%;
    width: 314px;
  }
  72% {
    right: 72%;
    width: 315px;
  }
  73% {
    right: 73%;
    width: 319px;
  }
  74% {
    right: 74%;
    width: 324px;
  }
  75% {
    right: 75%;
    width: 329px;
  }
  76% {
    right: 76%;
    width: 330px;
  }
  77% {
    right: 77%;
    width: 334px;
  }
  78% {
    right: 78%;
    width: 337px;
  }
  79% {
    right: 79%;
    width: 340px;
  }
  80% {
    right: 80%;
    width: 344px;
  }
  81% {
    right: 81%;
    width: 348px;
  }
  82% {
    right: 82%;
    width: 352px;
  }
  83% {
    right: 83%;
    width: 353px;
  }
  84% {
    right: 84%;
    width: 354px;
  }
  85% {
    right: 85%;
    width: 357px;
  }
  86% {
    right: 86%;
    width: 358px;
  }
  87% {
    right: 87%;
    width: 363px;
  }
  88% {
    right: 88%;
    width: 364px;
  }
  89% {
    right: 89%;
    width: 367px;
  }
  90% {
    right: 90%;
    width: 370px;
  }
  91% {
    right: 91%;
    width: 373px;
  }
  92% {
    right: 92%;
    width: 377px;
  }
  93% {
    right: 93%;
    width: 378px;
  }
  94% {
    right: 94%;
    width: 381px;
  }
  95% {
    right: 95%;
    width: 384px;
  }
  96% {
    right: 96%;
    width: 389px;
  }
  97% {
    right: 97%;
    width: 390px;
  }
  98% {
    right: 98%;
    width: 392px;
  }
  99% {
    right: 99%;
    width: 397px;
  }
  100% {
    right: 100%;
    width: 399px;
  }
}
@keyframes wind {
  0% {
    right: 0%;
    width: 104px;
  }
  1% {
    right: 1%;
    width: 107px;
  }
  2% {
    right: 2%;
    width: 108px;
  }
  3% {
    right: 3%;
    width: 109px;
  }
  4% {
    right: 4%;
    width: 114px;
  }
  5% {
    right: 5%;
    width: 118px;
  }
  6% {
    right: 6%;
    width: 123px;
  }
  7% {
    right: 7%;
    width: 124px;
  }
  8% {
    right: 8%;
    width: 125px;
  }
  9% {
    right: 9%;
    width: 129px;
  }
  10% {
    right: 10%;
    width: 131px;
  }
  11% {
    right: 11%;
    width: 136px;
  }
  12% {
    right: 12%;
    width: 138px;
  }
  13% {
    right: 13%;
    width: 140px;
  }
  14% {
    right: 14%;
    width: 144px;
  }
  15% {
    right: 15%;
    width: 146px;
  }
  16% {
    right: 16%;
    width: 148px;
  }
  17% {
    right: 17%;
    width: 153px;
  }
  18% {
    right: 18%;
    width: 157px;
  }
  19% {
    right: 19%;
    width: 162px;
  }
  20% {
    right: 20%;
    width: 164px;
  }
  21% {
    right: 21%;
    width: 169px;
  }
  22% {
    right: 22%;
    width: 173px;
  }
  23% {
    right: 23%;
    width: 175px;
  }
  24% {
    right: 24%;
    width: 179px;
  }
  25% {
    right: 25%;
    width: 180px;
  }
  26% {
    right: 26%;
    width: 183px;
  }
  27% {
    right: 27%;
    width: 188px;
  }
  28% {
    right: 28%;
    width: 189px;
  }
  29% {
    right: 29%;
    width: 194px;
  }
  30% {
    right: 30%;
    width: 198px;
  }
  31% {
    right: 31%;
    width: 201px;
  }
  32% {
    right: 32%;
    width: 206px;
  }
  33% {
    right: 33%;
    width: 209px;
  }
  34% {
    right: 34%;
    width: 214px;
  }
  35% {
    right: 35%;
    width: 218px;
  }
  36% {
    right: 36%;
    width: 220px;
  }
  37% {
    right: 37%;
    width: 225px;
  }
  38% {
    right: 38%;
    width: 230px;
  }
  39% {
    right: 39%;
    width: 231px;
  }
  40% {
    right: 40%;
    width: 234px;
  }
  41% {
    right: 41%;
    width: 239px;
  }
  42% {
    right: 42%;
    width: 243px;
  }
  43% {
    right: 43%;
    width: 247px;
  }
  44% {
    right: 44%;
    width: 249px;
  }
  45% {
    right: 45%;
    width: 254px;
  }
  46% {
    right: 46%;
    width: 258px;
  }
  47% {
    right: 47%;
    width: 259px;
  }
  48% {
    right: 48%;
    width: 262px;
  }
  49% {
    right: 49%;
    width: 266px;
  }
  50% {
    right: 50%;
    width: 267px;
  }
  51% {
    right: 51%;
    width: 269px;
  }
  52% {
    right: 52%;
    width: 271px;
  }
  53% {
    right: 53%;
    width: 276px;
  }
  54% {
    right: 54%;
    width: 278px;
  }
  55% {
    right: 55%;
    width: 279px;
  }
  56% {
    right: 56%;
    width: 284px;
  }
  57% {
    right: 57%;
    width: 287px;
  }
  58% {
    right: 58%;
    width: 288px;
  }
  59% {
    right: 59%;
    width: 293px;
  }
  60% {
    right: 60%;
    width: 296px;
  }
  61% {
    right: 61%;
    width: 299px;
  }
  62% {
    right: 62%;
    width: 301px;
  }
  63% {
    right: 63%;
    width: 304px;
  }
  64% {
    right: 64%;
    width: 309px;
  }
  65% {
    right: 65%;
    width: 311px;
  }
  66% {
    right: 66%;
    width: 315px;
  }
  67% {
    right: 67%;
    width: 316px;
  }
  68% {
    right: 68%;
    width: 318px;
  }
  69% {
    right: 69%;
    width: 319px;
  }
  70% {
    right: 70%;
    width: 324px;
  }
  71% {
    right: 71%;
    width: 327px;
  }
  72% {
    right: 72%;
    width: 330px;
  }
  73% {
    right: 73%;
    width: 333px;
  }
  74% {
    right: 74%;
    width: 337px;
  }
  75% {
    right: 75%;
    width: 340px;
  }
  76% {
    right: 76%;
    width: 342px;
  }
  77% {
    right: 77%;
    width: 344px;
  }
  78% {
    right: 78%;
    width: 347px;
  }
  79% {
    right: 79%;
    width: 352px;
  }
  80% {
    right: 80%;
    width: 355px;
  }
  81% {
    right: 81%;
    width: 359px;
  }
  82% {
    right: 82%;
    width: 364px;
  }
  83% {
    right: 83%;
    width: 366px;
  }
  84% {
    right: 84%;
    width: 370px;
  }
  85% {
    right: 85%;
    width: 372px;
  }
  86% {
    right: 86%;
    width: 374px;
  }
  87% {
    right: 87%;
    width: 376px;
  }
  88% {
    right: 88%;
    width: 380px;
  }
  89% {
    right: 89%;
    width: 385px;
  }
  90% {
    right: 90%;
    width: 387px;
  }
  91% {
    right: 91%;
    width: 388px;
  }
  92% {
    right: 92%;
    width: 393px;
  }
  93% {
    right: 93%;
    width: 396px;
  }
  94% {
    right: 94%;
    width: 397px;
  }
  95% {
    right: 95%;
    width: 399px;
  }
  96% {
    right: 96%;
    width: 400px;
  }
  97% {
    right: 97%;
    width: 402px;
  }
  98% {
    right: 98%;
    width: 403px;
  }
  99% {
    right: 99%;
    width: 407px;
  }
  100% {
    right: 100%;
    width: 409px;
  }
}

HTML

Recommendation

Join Effecthub.com