Tiny Slider Code Snippets

Target Center Slide

.tns-item:not(.tns-slide-active) + .tns-slide-active + .tns-slide-active { opacity: 1; }

slider.events.on("transitionEnd", function(info) {
  info.slideItems[info.indexCached].classList.remove(
    "your-class-here"
  );

  info.slideItems[info.index].classList.add(
    "your-class-here"
  );
});

.container .tns-item {
  opacity: .2;
}
.container .tns-item:not(.tns-slide-active) + .tns-slide-active + .tns-slide-active { 
  opacity: 1; 
}