Доброго времени суток!
Сейчас код такой:
h1 {
background: radial-gradient(circle closest-corner at 50% 50%, #f6f78f, #f2d03c) repeat 0 0 #f6f78f;
border-top: 1px dotted #537098;
border-bottom: 1px dotted #537098;
padding: 20px;
text-transform: uppercase;
text-align: center;
font-size: 32pt !important;
}
<h1>Заголовок</h1>
Нужно, чтобы, например, раз в 2 секунды «Заголовок» slideUp
за секунду и выезжал с низа строки «Заголовок-2», потом через 2 сек. «Заголовок-2» slideUp
за сек. и выезжал с низа строки «Заголовок-3». Анимация должна быть зациклена. Фраз внутри H1
может быть 2+. Понимаю, что это всё делается как-то с помощью @keyframes
, animation
, но не получилось разобраться. Прошу накидать код! Буду благодарен! Спасибо!