Flickity fade

_Fade between Flickity slides_

Install

Add flickity-fade.css to you stylesheets and flickity-fade.js to your scripts.

$3

+ flickity-fade.css
+ flickity-fade.js

$3

`` html





`

$3

+ npm: npm install flickity-fade
+ Yarn: yarn add flickity-fade

Usage

Enable fade behavior by setting fade: true in Flickity options.

` js
// jQuery
let $carousel = $('.carousel').flickity({
fade: true,
});
`

` js
// vanilla JS
let flkty = new Flickity( '.carousel', {
fade: true,
});
`

` html




`

$3

` js
const Flickity = require('flickity');
require('flickity-fade');

let flkty = new Flickity( '.carousel', {
fade: true,
});
``

---

This feature spent four years in feature-request purgatory. _Never give up._

By Metafizzy 🌈🐻