Untitled

<div class="css-slideshow">

  <!--[if IE]>

    <figure style="opacity:1">

      <div><p>One</p></div>

    </figure>

  <![endif]-->

  <!--[if !IE]> -->

    <figure>

      <div><p>One</p></div>

    </figure>

    <figure>

      <div><p>Two</p></div>

    </figure>

    <figure>

      <div><p>Three</p></div

    </figure>

  <!-- <![endif]-->

</div>

.css-slideshow{position:relative;height:202px;}

.css-slideshow figure{position:absolute;}

.css-slideshow figure{opacity:0;}

figure:nth-child(3) {animation:xfade3 48s 32s infinite;-webkit-animation:xfade3 48s 32s infinite;-moz-animation:xfade3 48s 32s infinite;-ms-animation:xfade3 48s 32s infinite;-o-animation:xfade3 48s 32s infinite;}

figure:nth-child(2) {animation:xfade2 48s 16s infinite;-webkit-animation:xfade2 48s 16s infinite;-moz-animation:xfade2 48s 16s infinite;-ms-animation:xfade2 48s 16s infinite;-o-animation:xfade2 48s 16s infinite;}

figure:nth-child(1) {animation:xfade1 48s 0s infinite;-webkit-animation:xfade1 48s 0s infinite;-moz-animation:xfade1 48s 0s infinite;-ms-animation:xfade1 48s 0s infinite;-o-animation:xfade1 48s 0s infinite;}

@keyframes xfade1{0%{opacity: 1;}33.33333% {opacity:1;}35.33333% {opacity: 0;}98% {opacity:0;}100%{opacity: 1}}

@-webkit-keyframes xfade1{0%{opacity: 1;}33.33333% {opacity:1;}35.33333% {opacity: 0;}98% {opacity:0;}100%{opacity: 1}}

@-moz-keyframes xfade1{0%{opacity: 1;}33.33333% {opacity:1;}35.33333% {opacity: 0;}98% {opacity:0;}100%{opacity: 1}}

@-ms-keyframes xfade1{0%{opacity: 1;}33.33333% {opacity:1;}35.33333% {opacity: 0;}98% {opacity:0;}100%{opacity: 1}}

@-o-keyframes xfade1{0%{opacity: 1;}33.33333% {opacity:1;}35.33333% {opacity: 0;}98% {opacity:0;}100%{opacity: 1}}

@keyframes xfade2{0%{opacity: 0;}2% {opacity: 1;}33.33333% {opacity:1;}35.33333% {opacity: 0;}100% {opacity:0;}}

@-webkit-keyframes xfade2{0%{opacity: 0;}2% {opacity: 1;}33.33333% {opacity:1;}35.33333% {opacity: 0;}100% {opacity:0;}}

@-moz-keyframes xfade2{0%{opacity: 0;}2% {opacity: 1;}33.33333% {opacity:1;}35.33333% {opacity: 0;}100% {opacity:0;}}

@-ms-keyframes xfade2{0%{opacity: 0;}2% {opacity: 1;}33.33333% {opacity:1;}35.33333% {opacity: 0;}100% {opacity:0;}}

@-o-keyframes xfade2{0%{opacity: 0;}2% {opacity: 1;}33.33333% {opacity:1;}35.33333% {opacity: 0;}100% {opacity:0;}}

@keyframes xfade3{0%{opacity: 0;}2% {opacity: 1;}31.33333% {opacity:1;}33.33333% {opacity: 0;}100% {opacity:0;}}

@-webkit-keyframes xfade3{0%{opacity: 0;}2% {opacity: 1;}31.33333% {opacity:1;}33.33333% {opacity: 0;}100% {opacity:0;}}