API

transitionTimingFunction

Easing function for slide transitions

CSS transition-timing-function for slide animations.

transitionTimingFunction: string; // default: 'ease'

Example: ease (default)

new BlazeSlider(el, {
  all: {
    enableAutoplay: true,
    transitionTimingFunction: 'ease',
    slidesToShow: 3,
  },
});

1

2

3

4

5

6

Example: linear

new BlazeSlider(el, {
  all: {
    enableAutoplay: true,
    transitionTimingFunction: 'linear',
    slidesToShow: 3,
  },
});

1

2

3

4

5

6

Example: Custom cubic-bezier

new BlazeSlider(el, {
  all: {
    enableAutoplay: true,
    transitionTimingFunction: 'cubic-bezier(.18,.74,.2,1.27)',
    slidesToShow: 3,
  },
});

1

2

3

4

5

6

This curve creates a slight bounce effect at the end of each transition.

transitionDuration

Animation duration for slide transitions

Methods

Instance methods for controlling the slider

On this page

Example: ease (default)Example: linear Example: Custom cubic-bezier