Agregar animaciones nativas.<\/b><\/p>\n<\/li>\n Incrustar elementos animados de terceros.<\/b><\/p>\n<\/li>\n<\/ul> \n<\/p> Puedes habilitar animaciones nativas de dos maneras:<\/p> Globalmente (en todo el sitio)<\/b>: una sola animación seleccionada se aplica a todos los elementos en todo el sitio web.<\/p>\n<\/li>\n Localmente (por elemento)<\/b>: aplica animaciones para cada uno de los elementos de tu sitio web individualmente; de esta manera puedes configurar diferentes tipos de animaciones para diferentes elementos<\/p>\n<\/li>\n<\/ul> NOTA<\/b>: los elementos del código incrustado<\/a><\/b> no son compatibles con las animaciones nativas<\/p> \n<\/p> Dentro del creador de sitios web, expande el panel Estilos de sitios web<\/b> a la izquierda. Abre la pestaña Animaciones<\/b> y seleccioae el estilo de animación preferido (desvanecer, diapositiva, escala):<\/p> \n<\/p> De esta manera, la animación seleccionada se aplica a todos los elementos y secciones de tu sitio web. Puedes deshabilitar la animación para un elemento en particular en su configuración local, por ejemplo, así es como puedes desactivarla para el elemento de texto:<\/p> \n<\/p> Después de habilitar o deshabilitar las animaciones, actualiza tu sitio web<\/a><\/b> para que los cambios se reflejen online. Para verificar cómo se ve el sitio web con animaciones, ve al modo de vista previa<\/a> <\/b>o abre el sitio web en vivo.<\/p> \n<\/p> Dentro del creador de sitios web, haz clic en el elemento en cuestión y selecciona Editar<\/b> o Cambiar<\/b> para abrir su configuración. Luego, busca la configuración de Animaciones<\/b> y habilita la preferida. Por ejemplo, la configuración del elemento de texto:<\/p> \n<\/p> Configuración de elementos de imagen:<\/p> \n<\/p> Configuración del elemento del botón:<\/p> \n<\/p> ¡Y así! Después de habilitar las animaciones, actualiza tu sitio web<\/a><\/b> para que los cambios se reflejen online. Para verificar cómo se ve el sitio web con animaciones, ve al modo de vista previa<\/a> <\/b>o abre el sitio web en vivo.<\/p> \n<\/p> \n<\/p> Puedes incrustar animaciones gratuitas en tu sitio web con las herramientas de terceros. En este ejemplo, se utilizan animaciones de Lordicon<\/a>.<\/b><\/p> \n<\/p> 1. Inicia sesión en Lordicon y haz clic en cualquier animación que quieras; personalizarlo si es necesario:<\/p> \n<\/p> 2. Haz clic en HTML<\/b> y copia el código:<\/p> \n<\/p> 3. Ahora, abre el creador de sitios web y agrega un elemento de código de inserción<\/a><\/b> en el lugar preferido de tu página web.<\/p> \n<\/p> 4. Pega el código de animación en el elemento incrustado y la animación se mostrará en tu página:<\/p> \n<\/p>Agregar animaciones nativas<\/h1>
\n
Agregar animaciones en todo el sitio<\/h2>
![\"Configuración](\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/05\/404202d6-d7e9-42b7-9d34-232474dd0612.jpg\")
<\/div>![](\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/05\/15340ef3-bb28-4378-8624-d5051d82e1f2.jpg\")
<\/div>Agregar animaciones a elementos particulares<\/h2>
<\/div>![](\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/05\/402b8a4a-e94e-4eee-9821-0fb9818e5cf6.jpg\")
<\/div>![](\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/05\/59750f80-c803-4fe0-9c4d-47acaf9ed026.jpg\")
<\/div>Incrustar elementos animados de terceros<\/h1>
![\"La](\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/05\/cd811ee1-8c74-41db-bc62-1f98658d7e6f.jpg\")
<\/div>![\"Copiando](\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/05\/9346229c-cf82-4b61-b84e-2aa3538aad71.jpg\")
<\/div>
![\"Pegar](\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/05\/4c2e8524-2f97-4c35-b620-9632d5650d65.jpg\")
<\/div>