sliderjs
Version:
lightweight slideshow engine using CSS, Canvas and WebGL Transitions
26 lines (23 loc) • 547 B
text/less
/** Slider Transitions **/
.sliderjs {
position: relative;
// general properties for all transitions
.slide {
.transition-duration(1.5s); // default
.opacity(0);
.transform-origin;
}
.slide.current {
.opacity(1);
}
// reset transition animation
&.tr-clear {
.slide {
-webkit-transition-duration: 0s ;
-moz-transition-duration: 0s ;
-ms-transition-duration: 0s ;
-o-transition-duration: 0s ;
transition-duration: 0s ;
}
}
}