body { text-align: center; } #images { width: 500px; height: 250px; overflow: hidden; position: relative; margin: 20px auto; } #images img { width: 500px; height: 250px; position: absolute; top: 0; left: -500px; z-index: 1; opacity: 0; transition: all linear 500ms; -o-transition: all linear 500ms; -moz-transition: all linear 500ms; -webkit-transition: all linear 500ms; } #images img:target { left: 0; z-index: 9; opacity: 1; } #images img:first-child { left: 0; opacity: 1; } #slider a { text-decoration: none; background: #11ED44; border: 1px solid #00000; padding: 4px 6px; color: #222; } #slider a:hover { background: #CC3B2B;
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)