Forums

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

Home Forums CSS Full Background slide show

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #43099

    I found this neat tutorial on background image slideshows here http://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slideshow-with-css3/

    I’m trying to get the photo to ease-in and then stop. I don’t want it to go away. I’ve tried altering the css code by taking out the “ease-out” and adding in another “ease-in”. No matter what I do, it still performs an ease-out. Any suggestions?

    /* Animation for the slideshow images */
    @-webkit-keyframes imageAnimation {
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
    -webkit-animation-timing-function: ease-in; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }

    #126720

    Cool, Checking it out right now.

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