Fullscreen Background Image Slideshow with CSS3

Today Codrops shared a tutorial how to create a CSS-only fullscreen background image slideshow. In this tutorial we’ll create different image transitions and also make a title appear using CSS animations. Note that this will only work in browsers supporting CSS animations.

Fullscreen Background Image Slideshow with CSS3

View Demo  Source Website & Download

4 thoughts on “Fullscreen Background Image Slideshow with CSS3”

  1. Its not working fine when you remove the focus from the page and put it back on the page with the one with full screeen bg… Shame… It was looking awesome on first look…

  2. i have 3 images, i reduced -webkit-animation: imageAnimation 18s linear infinite 0s;
    deleted .cb-slideshow li:nth-child(4-5-6) span {
    and correct @-webkit-keyframes imageAnimation { 0% 14% 38% 92% 100%
    Both first images looks very nice, but the last image(number 3) hides very slow, and it looks very sad
    Somebody can explain ?

Leave a Reply

Your email address will not be published. Required fields are marked *