Código de CSS - Animación de espera

Val: 181

Animación de espera

Actualizado el 25 de Enero del 2021 por Joan (121 códigos) (Publicado el 1 de Septiembre del 2019)

2.482 visualizaciones desde el 1 de Septiembre del 2019

Un par de animaciones que se puede utilizar mientras se espera a que se cargue parte de la web.

Animación paralela

Animación desigal
animacion-una-linea

Actualizado el 29 de Enero del 2021 (Publicado el 1 de Septiembre del 2019)

1.323 visualizaciones desde el 1 de Septiembre del 2019

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <style>

    @keyframes donut-spin {

        0% {

            transform: rotate(0deg);

        100% {

            transform: rotate(360deg);

    .donut {

        display: inline-block;

        border: 6px solid rgba(0, 0, 0, 0.1);

        border-left-color: #7983ff;

        border-right-color: #7983ff;

        border-radius: 50%;

        width: 30px;

        height: 30px;

        animation: donut-spin 1.2s linear infinite;

    </style>

</head>

<body>

    <div class="donut"></div>

</body>

</html>

No hay comentarios

Publicado el 25 de Enero del 2021

1.160 visualizaciones desde el 25 de Enero del 2021

http://lwp-l.com/s5507

Texto multicolor con CSS

Botón siguiente y anterior con animación CSS