Последнее обновление на 19.12.2023
Анимация кручения — вращения круга с использованием CSS
Код CSS
@keyframes anim { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes anim { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .rotate { display: inline-block; border: 30px solid rgba(0, 0, 0, 0.2); border-left-color: orange; border-right-color: orange; border-radius: 50%; width: 200px; height: 200px; animation: anim 1.1s linear infinite; }
Код html
<div class="rotate"></div>
Пример работы анимации с использованием border CSS
Ваш комментарий будет первым