How to remove loading animation effect

Creative Contact Form is a responsive jQuery contact form with amazing visual effects. You will be surprised by count of all the possible features!

  • How to remove loading animation effect?


    Since version 4.0.0: Set Option Appear Animation to None. CCF->Forms->Your Form->Basic Options->Appear Animation.

    For Older Versions


    To remove it, open file components/com_creativecontactform/assets/css/main.css file, search for
    CREATIVE ANIMATIONS ,and remove the following lines:

    Code: Select all
    .creative_wrapper_animation_state_1 {
       -webkit-transition: all 2.2s ease 0.5s;
       -moz-transition: all 2.2s ease 0.5s;
       transition: all 2.2s ease 0.5s;
       -webkit-transform: scale(0.85,0.85);
       -moz-transform: scale(0.85,0.85);
       transform: scale(0.85,0.85);
       opacity: 0;
    }
    .creative_wrapper_animation_state_2 {
       -webkit-transform: scale(1,1);
       -moz-transform: scale(1,1);
       transform: scale(1,1);
       opacity: 1;
    }

    .creative_header_animation_state_1 {
       -webkit-transition: all 1.5s ease 0.6s;
       -moz-transition: all 1.5s ease 0.6s;
       transition: all 1.5s ease 0.6s;
       -webkit-transform: scale(0.75,0.75);
       -moz-transform: scale(0.75,0.75);
       transform: scale(0.75,0.75);
       opacity: 0;
    }
    .creative_header_animation_state_2 {
       -webkit-transform: scale(1,1);
       -moz-transform: scale(1,1);
       transform: scale(1,1);
       opacity: 1;
    }

    .creative_field_box_animation_state_1 {
       -webkit-transition: all 1.8s ease 0.8s;
       -moz-transition: all 1.8s ease 0.8s;
       transition: all 1.8s ease 0.8s;
       -webkit-transform: scale(0.75,0.75);
       -moz-transform: scale(0.75,0.75);
       transform: scale(0.75,0.75);
       opacity: 0;
    }
    .creative_field_box_animation_state_2 {
       -webkit-transform: scale(1,1);
       -moz-transform: scale(1,1);
       transform: scale(1,1);
       opacity: 1;
    }

    .creative_footer_animation_state_1 {
       -webkit-transition: all 1.7s ease 1.0s;
       -moz-transition: all 1.7s ease 1.0s;
       transition: all 1.7s ease 1.0s;
       -webkit-transform: scale(0.75,0.75);
       -moz-transform: scale(0.75,0.75);
       transform: scale(0.75,0.75);
       opacity: 0;
    }
    .creative_footer_animation_state_2 {
       -webkit-transform: scale(1,1);
       -moz-transform: scale(1,1);
       transform: scale(1,1);
       opacity: 1;
    }
    Best Regards,

    Simon
    User avatar
    Simon
    Site Admin
     
    Posts: 1498
    Joined: Wed Mar 05, 2014 1:04 am


Return to Creative Contact Form




Information
  • Who is online
  • Users browsing this forum: No registered users and 1 guest
cron