Form embed animation

  • Xtetic
    Asked on January 6, 2022 at 1: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 JotForm Support
    Replied on January 6, 2022 at 1:04 PM

    Please give me a moment to investigate this issue.

    Thank You

  • Christopher JotForm Support
    Replied on January 6, 2022 at 1: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.