Paste Attributes, Animation

Hello

Wanted to know, is there a way to paste the animation of an element to another one?
The only option I see is “Paste Attributes” but dosen’t seem to work.

Thank you!

If you save your animated element to your user library, you can then add it to other pages in your site, or to a totally different website, and the animation will carry over.

1 Like

And if you’re talking about copying the animations to another totally different component, then no I don’t believe you can do that with the animations. You may want to bring that up as a suggestion in the Ideas forum as that has some merit to it I think. Other than that, animations really aren’t all that hard to set up unless you have some elaborate thing you’ve done manually. In that case, copy your classes to a text tile for later usage. That’s what I tend to do with things I know I will reuse, but cannot save it in here as a template.

My thoughts exactly.

I have this little bit of code saved…

.pulse {
  box-shadow: 0 0 0 0 rgba(27,132,248, 0.4);
  animation: pulse 3s infinite;
  animation-timing-function: ease-in-out;
  will-change: transform;
}

.pulse:hover {
  animation: none;
 }

@keyframes pulse {
  0% {
    transform: scale(1);
    -moz-box-shadow: 0 0 0 0 rgba(27,132,248, 0.4);
    box-shadow: 0 0 0 0 rgba(27,132,248, 0.4);
  }
  50% {
    transform: scale(1.05);
    -moz-box-shadow: 0 0 0 40px rgba(27,132,248, 0);
    box-shadow: 0 0 0 40px rgba(27,132,248, 0);
  }
  100% {
    transform: scale(1);
    -moz-box-shadow: 0 0 0 0 rgba(27,132,248, 0);
    box-shadow: 0 0 0 0 rgba(27,132,248, 0);
  }
}

Which enables the effect you see on the button above the contact form on this page
https://bayshoremartialarts.com/