Este é um exemplo de como colocar animação na folha de formulário, **1** - Vamos à página de para baixar o .zip das animações. ![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=2qey794d9082793ff450396460117209c55ae) **2** - Fazendo o download do arquivo .zip, nós procedemos para carregar o arquivo baixado como uma biblioteca externa do scriptcase.       - Você pode seguir este manual: **3** - Depois que a biblioteca externa for carregada, vamos ao evento **OnApplicationInit** do nosso formulário.       - Aqui continuamos a ligar para nossa livraria externa.       - Para aplicar a nossa animação ao nosso formulário, precisamos do ID do formulário, procedemos a executar o formulário e, em seguida, clicamos no elemento inspecionar, onde devemos encontrar a classe form, neste caso é chamado **scFormPage** ![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=2qey749eab1f8e75745258d7740ac93372b0b) **4** - Nós pegamos esse nome de classe **scFormPage** e adicionamos ao nosso código de bibliotecas externas.       Um exemplo seria o seguinte código no evento **OnApplicationInit:** ?> bounceIn.css');?>"> // Donde se realiza la llamada a la librería

.scFormPage { //aqui se utiliza el nombre del formulario obtenido anteriormente

  animation-name:bounceIn;  //Se coloca el nombre de la animación

 animation-duration:4s;

}

@keyframesbounceIn {

  from,20%, 40%, 60%, 80%,

  to{

   animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);

  }

  0%{

    opacity:0;

    transform:scale3d(0.3, 0.3, 0.3);

  }

  20%{

    transform:scale3d(1.1, 1.1, 1.1);

  }

  40%{

    transform:scale3d(0.9, 0.9, 0.9);

  }

  60%{

    opacity:1;

    transform:scale3d(1.03, 1.03, 1.03);

  }

  80%{

    transform:scale3d(0.97, 0.97, 0.97);

  }

  to{

    opacity:1;

    transform:scale3d(1, 1, 1);

  }

}

.bounceIn{

 animation-duration:0.75s;

  animation-name:bounceIn;

}

PHP