JSFiddle - React, Tailwind, and code Playground

by zerolfc

HTML

<script src="https://psuk.s3.amazonaws.com/script/js/lib/e/jquery.bgndGallery.js"></script>
<link rel="stylesheet" href="https://psuk.s3.amazonaws.com/css/min/Animate.css">
https://jsfiddle.net/zerolfc/2m772pb8/1/#run

JavaScript

$(function () {

     $.mbBgndGallery.effects.newme = {
         enter: {
   "animation-duration": "1s",
   "animation-fill-mode": "both",
             "animation-name": "bounceIn",
             opacity: 1
         },
         exit: {
             "animation-duration": "1s",
   "animation-fill-mode": "both",
            "animation-name": "bounceOut",
             opacity: 0
         },
        enterTiming:"cubic-bezier(0.19, 1, 0.22, 1)",
		exitTiming:"cubic-bezier(0.19, 1, 0.22, 1)"
       };


     myGallery = new mbBgndGallery({
         containment: "body",
         timer: 1000,
         effTimer: 3000,
         grayScale: false,
         shuffle: true,
         preserveWidth: false,
         effect: "newme",
         images: [
             "https://psuk.s3.amazonaws.com/asset/p4/image/eccbc87e4b5ce2fe28308fd9f2a7baf3/Landscape/dry-brown-leaf-web-page-background-18729795-70221.jpg",
             "https://psuk.s3.amazonaws.com/asset/p4/image/eccbc87e4b5ce2fe28308fd9f2a7baf3/Landscape/wa11papers.ru_animals_1920x1200_176-28800.jpg",
             "https://psuk.s3.amazonaws.com/asset/p4/image/eccbc87e4b5ce2fe28308fd9f2a7baf3/Landscape/wallpaper-for-desktop-background-6-31411.jpg",
             "https://psuk.s3.amazonaws.com/asset/p4/image/eccbc87e4b5ce2fe28308fd9f2a7baf3/Landscape/slii4k-96776.jpg",
             "https://psuk.s3.amazonaws.com/asset/p4/image/eccbc87e4b5ce2fe28308fd9f2a7baf3/Landscape/5672_1280x800-27514.jpg"]
     });
 });