custom css animation

[Per Frits]

Hello friends

I jumped on to animista.net and created a modern, simple and usable text animation, unlike the awful, over the top, build-in entrance animations in Elementor, which comes from 100 year old css catalog (more or less )

But unfortunately I am not a web designer, and certainly not a coder, so I have no idea what to do with the codes from animista.net.
Is there a kind soul who can help me with that?

Maybe the keyframes in the main html, and the class on the element?? I have no clue *HA HA*

Thanks a lot!

/Per

The code look like this:

CLASS:

.slide-right {
-webkit-animation: slide-right 0.5s cubic-bezier (0.250, 0.460, 0.450, 0.940) both;
animation: slide-right 0.5s cubic-bezier (0.250, 0.460, 0.450, 0.940) both;
}

KEYFRAMES:

@ -webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX (0);
            transform: translateX (0);
  }
  100% {
    -webkit-transform: translateX (100px);
            transform: translateX (100px);
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX (0);
            transform: translateX (0);
  }
  100% {
    -webkit-transform: translateX (100px);
            transform: translateX (100px);
  }
}