Paste Attributes, Animation

Bootstrap Studio Help
1

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!

2

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
3

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.

4

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