mbagna / fade-theme

🎨 Basic fade in/out theme.

Swup Fade Theme

Basic theme for fade in/out animation of the main container.

Instalation

This theme can be installed with npm

npm install @swup/fade-theme

and included with import

import SwupFadeTheme from '@swup/fade-theme';

or included from the dist folder

<script src="./dist/SwupFadeTheme.js"></script>

Usage

To run this theme, include an instance in the swup options.

const swup = new Swup({
  theme: [new SwupFadeTheme()]
});

mainElement Option

Changes the selector of the elements to fade in/out. Defaults to #swup.