WONDROUS
Silver Member | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Что-то немного не пойму, как сделать, чтобы слова появлялись (показывались) один за одним? Делаю так, но толком не работает, сначала всё видно, а потом слова начинают моргать по очереди. К тому же, надо размер значка FA сделать меньше текста, но с остальными span это не работает.
Код:| <span>Lorem ipsum</span> <span>dolor sit amet,</span> <span>sapien platea morbi</span> <span><span class="infofa"><i class="fa fa-info-circle"></i></span> dolor lacus nunc,</span> <span>nunc</span> <span>ullamcorper.</span> |
Код: .infofa {
font-size: 22px;
}
#text_stack span {
font-size: 34px;
font-weight: 700;
text-shadow: 0 0 5px #ffa500, 0 0 10px #ffa500, 0 0 11px #ffa500, 0 0 5px #ffa500, 0 0 20px #ff0000;
color: #fff6a9;
animation: javka 1s ease 1;
}
#text_stack span:nth-child(2) {
animation-delay: 2s;
}
#text_stack span:nth-child(3) {
animation-delay: 3s;
}
#text_stack span:nth-child(4) {
animation-delay: 4s;
}
#text_stack span:nth-child(5) {
animation-delay: 5s;
}
#text_stack span:nth-child(6) {
animation-delay: 6s;
}
@keyframes javka {
from {
text-shadow: none;
color: transparent;
}
to {
text-shadow: 0 0 5px #ffa500, 0 0 10px #ffa500, 0 0 11px #ffa500, 0 0 5px #ffa500, 0 0 20px #ff0000;
color: #fff6a9;
}
}
|
Что не так делаю? |
