Skip to content

Instantly share code, notes, and snippets.

@adeleke5140

adeleke5140/spinner.vue

Created October 11, 2022 01:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save adeleke5140/58af2b6961c8da1a598f5a27ef2cd0f0 to your computer and use it in GitHub Desktop.
Save adeleke5140/58af2b6961c8da1a598f5a27ef2cd0f0 to your computer and use it in GitHub Desktop.
Download ZIP
Styling for basic spinner
Raw
spinner.vue
<template>
<div class="spin"></div>
</template>
<style>
.spin{
display: block;
width: 40px;
height: 40px;
margin: 30px auto;
border: 3px solid transparent;
border-radius: 50%;
border-top-color: #ff8800;
animation: spin 1s ease infinite;
}
@keyframes spin{
to{ transform: rotateZ(360deg)}
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment