Hemos revisado muchos generadores de código CSS; algunosque aplican efectos a diferentes elementos como cuadros y capas o el más reciente, XEO CSS, que le permiten editar el CSS utilizando un editor visual y pasando la codificación por completo. Carga CSS es otra aplicación web que autoGenera código CSS. El código generado está destinado a la animación de carga de su sitio. Le permite elegir animaciones de carga del sitio de ocho plantillas y personalizar su color y velocidad.
Una animación de carga del sitio es como una barra de progresoproyectado por un sitio web para los usuarios para que sepan que el sitio se está cargando. Si bien los navegadores también brindan a los usuarios una pista sobre si el sitio se está cargando o no, si está diseñando un sitio que puede tardar un poco más en cargar, puede ser una buena idea darle al usuario cierta seguridad de su parte. La aplicación le permite elegir entre ocho diferentes animaciones de carga del sitio y personalizarlas.
Para comenzar, elija un estilo de animación depequeño panel desplazable a la derecha. La plantilla de animación consta de diseños de barra y disco. Algunas plantillas admiten dos, mientras que otras admiten colores únicos. La plantilla que elija se cargará a la derecha debajo de Su vista previa de animación.
Para comenzar la personalización, haga clic en el campo de código de color junto a Primer color y se abrirá un selector de color. Seleccione el color del disco circular y establezca los niveles de brillo del cuadrado en el medio. Seleccione un Segundo color si la animación de carga que has elegido admite dos. La opción para seleccionar un segundo color aparecerá independientemente de si la animación que seleccionó admite o no dos colores. Una vez que haya seleccionado los colores, seleccione la velocidad de la animación moviendo la perilla en la horizontal Velocidad de animación bar.
Los cambios se reflejan a medida que los realiza, sin embargo, si no lo están, haga clic en Generar vista previa y los cambios comenzarán a aparecer a la derecha donde se cargó la animación por primera vez. Para obtener el código de la animación, haga clic en Obtener código. Copie el código a su archivo HTML o CSS y su El sitio se está cargando La animación está lista para cargar.
Visita CSS Load
Comentarios