Шаблон:Реклама текст/styles.css

.aeon-fly {
  position: relative;
  display: block;
  height: 90px;
  margin: 20px 0;
  background: none;
  border: none;
  text-align: center;
  font-size: 36px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #0000FF;
  text-shadow: 0 0 8px #3cf6e0;
}
.aeon-fly-top,
.aeon-fly-bot {
  position: absolute;
  left: 0;
  width: 100%;
  white-space: nowrap;
  background: none;
  animation-duration: 8s;
  animation-timing-function: cubic-bezier(0.16, 0.84, 0.22, 1);
  animation-iteration-count: infinite;
}
.aeon-fly-top {
  top: 8px;
  animation-name: aeon-down;
}
.aeon-fly-bot {
  top: 48px;
  animation-name: aeon-up;
}
@keyframes aeon-down {
  0% { opacity: 0; transform: translateY(-80px); }
  12% { opacity: 1; transform: translateY(0); }
  70% { opacity: 1; transform: translateY(0); }
  82% { opacity: 0; transform: translateY(-80px); }
  100% { opacity: 0; transform: translateY(-80px); }
}
@keyframes aeon-up {
  0% { opacity: 0; transform: translateY(80px); }
  12% { opacity: 1; transform: translateY(0); }
  70% { opacity: 1; transform: translateY(0); }
  82% { opacity: 0; transform: translateY(80px); }
  100% { opacity: 0; transform: translateY(80px); }
}