Acesse o editor de páginas;

Clique no ícone de engrenagem que fica no canto superior direito da tela;



Em seguida, clique em "Javascript & CSS";



Clique para "Adicionar" um novo código;



Escolha um nome para seu código, selecione a opção "Funcionamento" e adicione no campo de texto todo o código abaixo;

<style>

#e_0000000 .c {
animation: shake_01 10s ease-in-out infinite alternate;
-webkit-animation: shake_01 10s ease-in-out infinite alternate;
-moz-animation: shake_01 10s ease-in-out infinite alternate;
-o-animation: shake_01 10s ease-in-out infinite alternate;}

@keyframes shake_01 {0%{transform: translate(0px, -8px);}20%{transform: translate(-1px, 9px);}40%{transform: translate(-8px, 5px);}60%{transform: translate(-1px, 5px);}80%{transform: translate(10px, 5px);}100%{transform: translate(0px, 5px);}}
@-webkit-keyframes shake_01 {0%{transform: translate(0px, -8px);}20%{transform: translate(-1px, 9px);}40%{transform: translate(-8px, 5px);}60%{transform: translate(-1px, 5px);}80%{transform: translate(10px, 5px);}100%{transform: translate(0px, 5px);}}
@-moz-keyframes shake_01 {0%{transform: translate(0px, -8px);}20%{transform: translate(-1px, 9px);}40%{transform: translate(-8px, 5px);}60%{transform: translate(-1px, 5px);}80%{transform: translate(10px, 5px);}100%{transform: translate(0px, 5px);}}
@-o-keyframes shake_01 {0%{transform: translate(0px, -8px);}20%{transform: translate(-1px, 9px);}40%{transform: translate(-8px, 5px);}60%{transform: translate(-1px, 5px);}80%{transform: translate(10px, 5px);}100%{transform: translate(0px, 5px);}}

</style>



A única mudança que você precisará fazer no código, é alterar a parte onde está escrito #e_0000000 para o ID do seu respectivo elemento. Não adicione nenhum caractere a mais.



Em seguida clique em "Salvar"!

Caso queira que um segundo elemento permaneça flutuante na página, basta inserir todo o script acima novamente, logo abaixo do primeiro sem a TAG </style> do final do código . Bem como neste exemplo abaixo.

Como pegar o ID de um elemento

Para identificar o ID de um elemento, basta clicar com o lado direito do mouse em cima do elemento e em seguida clicar em "Inspecionar elemento".



Feito isso, uma nova tela irá abrir ao lado direito. Quando ela abrir, localize o ID do elemento que deseja usar.



Ficou com alguma dúvida? Chame nossa equipe no Chat! Estamos sempre prontos para ajudar.

Atualizado em: 25 / 10 / 2021