加载扭转

代码储存在Github
结果预览

初志：许多人在初学前端的时刻都邑问，“怎样入门前端？”
同为在前端进修道路上，奋力追逐的一员，本人关于如今收集上所能看到的 “入门级” 的课本并不太惬意。进修一门新知识，实例是特别主要的。在这里本人整理了如今页面上罕见功用完成的详细实例。愿能为人人供应一些协助。
愿望可以与人人相互分享，共同进步。

HTML 部份

<div class="loader"></div>

CSS 部份

.loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    from {transform: rotate(0deg)}
    to {transform: rotate(360deg)}
}

好啦，如今一切的代码都写完啦！

连忙翻开浏览器，看看结果吧！

在这里，只是给人人供应一种思绪，参考。
详细的完成，每个人都可以有差别的要领。
请人人连忙发挥设想，把你最想完成的功用，在电脑敲出来吧！

参考自w3cschools