Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Need help making transparent transition in slideshow Reply To: Need help making transparent transition in slideshow

#248527
Shikkediel
Participant

Always looking for optimisation… so to fully cover every single browser (even those that are very unlikely to visit), you’d want to add a -moz- rule for transition:

img#mySlide {
  -moz-transition: opacity 1s linear;
  -webkit-transition: opacity 1s linear;
  transition: opacity 1s linear;
}

By the way, if you add these properties to the hiding and showing classes instead you’ll be able to define different speeds for fading out and in.