#loadingWrap { width: 100%; height: 100vh; background: #000; position: fixed; top: 0; left: 0; z-index: 10; } #loading { width: 5em; height: 5em; border-top: 1em solid rgba(255, 255, 255, 0.2); border-right: 1em solid rgba(255, 255, 255, 0.2); border-bottom: 1em solid rgba(255, 255, 255, 0.2); border-left: 1em solid rgba(255, 255, 255, 1); animation: loaderAnime 1s infinite linear; border-radius:
![サクッとできるローディングアニメーション実装3つ](https://cdn-ak-scissors.b.st-hatena.com/image/square/7bb52f1c0bd74e109a6fe20112323a992f6afc15/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fwebnooboegaki.com%2Fwp-content%2Fuploads%2F2019%2F05%2Floadinganime.jpg%3Ffit%3D860%252C600%26ssl%3D1)