Este é um exemplo de como colocar animação na folha de formulário,
1 - Vamos à página de https://github.com/animate-css/animate.css para baixar o .zip das animações.
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: https://www.scriptcase.com.br/docs/pt_br/v9/manual/07-ferramentas/05-bibliotecas-externas/
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
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</span
5- Continuamos a executar o formulário, onde visualizamos a animação.