Form embed animation

Xtetic
Asked on January 06, 2022 at 01:02 PM

And i want to know if theres a way when the form embed loads to make a better looking load like a fade or something because it loads weird. I'm embeding it through Embed > Copy Code (Script)
Christopher_T

Jotform Support

Answered on January 06, 2022 at 01:04 PM

Please give me a moment to investigate this issue.
Thank You
Christopher_T

Jotform Support

Answered on January 06, 2022 at 01:49 PM
```
.supernova {

 animation: fadeIn 3s forwards;

}



@keyframes fadeIn {

  from { opacity: 0; }

   to { opacity: 1; }

} 
```
I was able to add a smooth animation to the form by using the custom CSS through the iFrame embed using my test form.
Please refer to the guide on how to inject Custom CSS Code.
Guide: How to Inject Custom CSS Codes
Please test it out with your script and iframe embed code and let us know how it goes.