Как затухать в текстовых элементах по одному

karensantana спросил: 26 декабря 2017 в 07:45 в: html

Я пытаюсь добиться эффекта главной страницы Marie Forleo только с помощью css. Но все мои элементы исчезают одновременно. Как я могу исчезать один за другим?

Вот что я хочу сделать: https://www.marieforleo.com/ (Fade по сути баннера)

Вот мой код :

test h1 {    -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;
}@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

Спасибо, ребята, за вашу помощь!

0 ответов