Шаблон:Реклама текст/styles.css: различия между версиями
Aeonorien (обсуждение | вклад) Нет описания правки Метка: ручная отмена |
Aeonorien (обсуждение | вклад) Нет описания правки |
||
| (не показаны 3 промежуточные версии этого же участника) | |||
| Строка 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: #ffffff; | color: #ffffff; | ||
line-height: 1; | |||
} | } | ||
.aeon-fly-top, | .aeon-fly-top, | ||
.aeon-fly-mid, | |||
.aeon-fly-bot { | .aeon-fly-bot { | ||
position: absolute; | position: absolute; | ||
| Строка 26: | Строка 30: | ||
.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; | ||
} | } | ||
| Строка 41: | Строка 50: | ||
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); } | |||
} | } | ||