@-webkit-keyframes fadeio { 0% { opacity:0; } 3.8% { opacity:1; } 16.7% { opacity:1; } 20.5% { opacity:0; } 100% { opacity:0; } } @-moz-keyframes fadeio { 0% { opacity:0; } 3.8% { opacity:1; } 16.7% { opacity:1; } 20.5% { opacity:0; } 100% { opacity:0; } } @-o-keyframes fadeio { 0% { opacity:0; } 3.8% { opacity:1; } 16.7% { opacity:1; } 20.5% { opacity:0; } 100% { opacity:0; } } @keyframes fadeio { 0% { opacity:0; } 3.8% { opacity:1; } 16.7% { opacity:1; } 20.5% { opacity:0; } 100% { opacity:0; } } #fadea { position:relative; height:10px; width:10px; margin:0 auto; } #fadea a { position:absolute; left:0; opacity:0; } #fadea a { -webkit-animation-name: fadeio; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 39s; -moz-animation-name: fadeio; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: infinite; -moz-animation-duration: 39s; -o-animation-name: fadeio; -o-animation-timing-function: ease-in-out; -o-animation-iteration-count: infinite; -o-animation-duration: 39s; animation-name: fadeio; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 39s; } #fadea a:nth-of-type(1) { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } #fadea a:nth-of-type(2) { -webkit-animation-delay: 6.5s; -moz-animation-delay: 6.5s; -o-animation-delay: 6.5s; animation-delay: 6.5s; } #fadea a:nth-of-type(3) { -webkit-animation-delay: 13s; -moz-animation-delay: 13s; -o-animation-delay: 13s; animation-delay: 13s; } #fadea a:nth-of-type(4) { -webkit-animation-delay: 19.5s; -moz-animation-delay: 19.5s; -o-animation-delay: 19.5s; animation-delay: 19.5s; } #fadea a:nth-of-type(5) { -webkit-animation-delay: 26s; -moz-animation-delay: 26s; -o-animation-delay: 26s; animation-delay: 26s; } #fadea a:nth-of-type(6) { -webkit-animation-delay: 32.5s; -moz-animation-delay: 32.5s; -o-animation-delay: 32.5s; animation-delay: 32.5s; }