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

Вернуться

Строка 2: Строка 2:
   position: relative;
   position: relative;
   display: block;
   display: block;
   height: 90px;
   height: 110px; /* немного увеличил высоту под 3 строки */
   margin: 20px 0;
   margin: 20px 0;
   background: none;
   background: none;
Строка 14: Строка 14:


.aeon-fly-top,
.aeon-fly-top,
.aeon-fly-mid,
.aeon-fly-bot {
.aeon-fly-bot {
   position: absolute;
   position: absolute;
Строка 26: Строка 27:


.aeon-fly-top {
.aeon-fly-top {
   top: 8px;
   top: 4px;
   animation-name: aeon-down;
   animation-name: aeon-down;
}
.aeon-fly-mid {
  top: 38px;
  animation-name: aeon-mid; /* средняя строка просто появляется */
}
}


.aeon-fly-bot {
.aeon-fly-bot {
   top: 54px; /* было 48px — чуть увеличил отступ */
   top: 72px;
   animation-name: aeon-up;
   animation-name: aeon-up;
}
}
Строка 41: Строка 47:
   82% { opacity: 0; transform: translateY(-80px); }
   82% { opacity: 0; transform: translateY(-80px); }
   100% { opacity: 0; transform: translateY(-80px); }
   100% { opacity: 0; transform: translateY(-80px); }
}
@keyframes aeon-mid {
  0% { opacity: 0; transform: scale(0.9); }
  12% { opacity: 1; transform: scale(1); }
  70% { opacity: 1; transform: scale(1); }
  82% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 0; transform: scale(0.9); }
}
}