Adding custom CSS transitions for elements in slides

There is a lighter alternative to "animated blocks" feature (if you don't need animations in old IE, or if you need some advanced transitions).

First of add addActiveClass:true option to slider init code, the current slide will now get rsActiveSlide class and you may use this to apply any styling to elements in current slide.

For example, if you want to animate text color of the element with class your-element.

.rsSlide .your-element {
     color: white;
  -webkit-transition: all .3s ease-in-out; 
     -moz-transition: all .3s ease-in-out; 
       -o-transition: all .3s ease-in-out; 
          transition: all .3s ease-in-out; 
}
.rsSlide.rsActiveSlide .your-element {
     color: red;
}

In WordPress version addActiveClass option can be changed in Misc section and is called "Current CSS class".

Learn about CSS transitions at MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Us...