Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSS spinner #325

Closed
DaFrenchFrog opened this issue Jul 1, 2022 · 2 comments · Fixed by #375
Closed

CSS spinner #325

DaFrenchFrog opened this issue Jul 1, 2022 · 2 comments · Fixed by #375
Assignees
Labels

Comments

@DaFrenchFrog
Copy link
Collaborator

Code HTML pour le spinner
<div class="spinner"></div>

Code CSS

.spinner { display: inline-block; width: 50px; height: 50px; border: 3px solid rgba(0, 0, 0, 0.1); border-radius: 50%; border-top-color: #000091; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; } @keyframes spin { to { -webkit-transform: rotate(360deg); } } @-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); } }

@florimondmanca
Copy link
Collaborator

@Volubyl L'idée serait d'utiliser ce spinner pour l'afficher lorsqu'on charge des données, qu'on éviterait de charger dans le load() (time-to-first-print trop allongé), c'est ça ?

@Volubyl
Copy link
Collaborator

Volubyl commented Aug 18, 2022

@florimondmanca en effet, ça m'a été utilie dans le cadre de cette issue #373

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants