Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS3 keyframe animation including delay (toggled with JS)

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #42667
    iParanoia
    Member

    I’m trying to animate (fade-in) 3 buttons. This is my html:

    and this is my css (the class .aside-check gets applied by javascript)

    .aside-check {
    animation: fadein 2s;
    }

    @keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
    }
    What I would like now, is to give every paragraph a little delay, I tried

    p:nth-child(1) {animation-delay:2s}
    p:nth-child(2) {animation-delay:3s}
    p:nth-child(3) {animation-delay:4s}

    but that doesn’t work. Unfortunately I don’t know what I did wrong…:/

    (removed unnecessary vendor-prfx and classes)

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.