Шаблон:Реклама текст/styles.css: различия между версиями
Aeonorien (обсуждение | вклад) Отмена версии 746325, сделанной Aeonorien (обсуждение) Метка: отмена |
Aeonorien (обсуждение | вклад) Нет описания правки |
||
| (не показано 9 промежуточных версий этого же участника) | |||
| Строка 2: | Строка 2: | ||
position: relative; | position: relative; | ||
display: block; | display: block; | ||
height: | height: 100px; | ||
margin: | margin: 10px 0; | ||
padding: 0; | |||
background: none; | background: none; | ||
border: none; | border: none; | ||
box-shadow: none; | |||
text-align: center; | text-align: center; | ||
font-size: 36px; | font-size: 36px; | ||
font-weight: | font-weight: 900; | ||
letter-spacing: 0.08em; | letter-spacing: 0.08em; | ||
color: # | color: #ffffff; | ||
line-height: 1; | |||
} | } | ||
.aeon-fly-top, | .aeon-fly-top, | ||
.aeon-fly-mid, | |||
.aeon-fly-bot { | .aeon-fly-bot { | ||
position: absolute; | position: absolute; | ||
| Строка 24: | Строка 28: | ||
animation-iteration-count: infinite; | animation-iteration-count: infinite; | ||
} | } | ||
.aeon-fly-top { | .aeon-fly-top { | ||
top: | top: 0; | ||
animation-name: aeon-down; | animation-name: aeon-down; | ||
} | } | ||
.aeon-fly-mid { | |||
top: 50px; | |||
animation-name: aeon-mid; | |||
} | |||
.aeon-fly-bot { | .aeon-fly-bot { | ||
top: | top: 84px; | ||
animation-name: aeon-up; | animation-name: aeon-up; | ||
} | } | ||
@keyframes aeon-down { | @keyframes aeon-down { | ||
0% { opacity: 0; transform: translateY(-80px); } | 0% { opacity: 0; transform: translateY(-80px); } | ||
| Строка 39: | Строка 51: | ||
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); } | |||
} | |||
@keyframes aeon-up { | @keyframes aeon-up { | ||
0% { opacity: 0; transform: translateY(80px); } | 0% { opacity: 0; transform: translateY(80px); } | ||