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.
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