Orbit Loader

1<template>
2  <div class="orbit"><span class="core"></span><span class="sat"></span></div>
3</template>
4<script>
5export default {}
6</script>
7<style>
8.orbit{position:relative;width:60px;height:60px;animation:orb 1.4s linear infinite}
9.core{position:absolute;top:50%;left:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);
10  background:linear-gradient(135deg,#8b5cf6,#06b6d4)}
11.sat{position:absolute;top:0;left:50%;width:10px;height:10px;border-radius:50%;transform:translateX(-50%);background:#d946ef;box-shadow:0 0 12px #d946ef}
12@keyframes orb{to{transform:rotate(360deg)}}
13</style>