img description img description img description img description
SCSS #slider { img { position: absolute; top: 0; left: 0; width: 300px; height: 200px; &:target { transition: all .5s ease-in-out; } &:not(:target), &:target ~ img#slide-4 { position: relative; opacity: 0; } // set initially visible &#slide-4 { position: absolute; opacity: 1; } } }