Code Ready | Frontend

✅ Создание анимации spinner



Этот код представляет собой анимированный спиннер, который может использоваться для индикации загрузки или выполнения определенного процесса.

<div class="spinner"></div>

.spinner {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    border: 4px solid #f3f3f3;

    border-top: 4px solid #3498db;

    animation: spinner 1s linear infinite;

    margin: 0 auto;

  }

@keyframes spinner {

    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }

  }

@code_ready | #обучение #css