Sliding animation on the form

  • Profile Image
    bibo1989
    Asked on March 22, 2015 at 03:49 AM
  • Profile Image
    Jan
    Answered on March 22, 2015 at 10:12 AM

    Hello there,

    In order to use this kind of animation or transition, you need to add these custom CSS code on your form.

    .form-section {
    position : relative;
    left : 120%;

    /* Safari, Chrome and Opera > 12.1 */

    -moz-animation : fadein 2s;

    /* Firefox <16 */

    -ms-animation : fadein 2s;
    /* Internet Explorer */

    -o-animation : fadein 2s;
    /* Opera <12.1 */

    animation : fadein 2s;
    -webkit-animation : fadein 0.5s forwards;
    animation : slide 0.5s forwards;
    }

    @keyframes fadein {
    100% { left: 0; }
    }

    @-moz-keyframes fadein {
    100% { left: 0; }
    }

    @-webkit-keyframes fadein {
    100% { left: 0; }
    }

    Here's a  guide on how to inject custom CSS code. Hope this works. Let us know if you need any help.

    Thank you.