How to use where clause in Knex
Create refunds with Stripe
Load HTML with Cheerio
How to send POST request with Axios
Find intersection of array in Lodash
Powered by Official white Bloop logo with a period

Terms / Privacy / Search / Support

  • let animations = document.querySelector(".animate").getAnimations();
    console.log(animations[0].animationName);
    
    Docs
  • let animations = document.querySelector(".animate").getAnimations();
    console.log(animations[0]);
    
    Docs
  • Swal.fire({
      title: 'Custom animation with Animate.css',
      showClass: {
        popup: 'animate__animated animate__fadeInDown'
      },
      hideClass: {
        popup: 'animate__animated animate__fadeOutUp'
      }
    })
    Docs
  • // As values
    <motion.div animate={{ opacity: 1 }} />
    
    // As variant
    <motion.div animate="visible" variants={variants} />
    
    // Multiple variants
    <motion.div animate={["visible", "active"]} variants={variants} />
    
    // AnimationControls
    <motion.div animate={animation} />
    Docs
  • // The cake has its own animation:
    var nommingCake = document.getElementById('eat-me_sprite').animate(
    [
      { transform: 'translateY(0)' },
      { transform: 'translateY(-80%)' }
    ], {
      fill: 'forwards',
      easing: 'steps(4, end)',
      duration: aliceChange.effect.timing.duration / 2
    });
    
    // Pause the cake's animation so it doesn't play immediately.
    nommingCake.pause();
    
    // This function will play when ever a user clicks or taps
    var growAlice = function() {
    
      // Play Alice's animation.
      aliceChange.play();
    
      // Play the cake's animation.
      nommingCake.play();
    
    }
    
    // When a user holds their mouse down or taps, call growAlice to make all the animations play.
    cake.addEventListener("mousedown", growAlice, false);
    cake.addEventListener("touchstart", growAlice, false);
    
    Docs
  • Powered by Official black Bloop logo with a period
    download the IDE extension

    View other examples