Re: Slider Transitions Only Work if CSS is Applied In-Line

[MBM]

That wasn’t mentioned in the tutorial! Thanks working now :

.slider>img{
position: absolute;
left: 0; top: 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition : all 0.5s;
}

.slider input[name=’slide_switch’] ~ img {
opacity: 0;
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform : scale(1.1);
}

.slider input[name=’slide_switch’]:checked+label+img {
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform : scale(1);
}