.container { width: 128px; height: 128px; position: relative; margin: 0 auto; } .spinner { position: absolute; width: 128px; height: 128px; border: 8px solid transparent; border-top: 8px solid blue; border-radius: 50%; animation: spin 1s linear infinite; } .circle { position: absolute; width: 128px; height: 128px; border: 8px solid transparent; /* デフォルトは透明 */ border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 0; } .icon { width: 64px; height: 64px; font-size: 64px; line-height: 64px; text-align: center; opacity: 0; transform: scale(0); } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fadeIn { 0% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } }
レクリエーション係アクセス解析&リダイレクト dy SogouSystem
レクリエーション係、SogouSystemが管理していないページに移動します