Skip to content

Instantly share code, notes, and snippets.

@gdunstone
Created October 8, 2017 23:11
Show Gist options
  • Save gdunstone/1feb497696a7eebf75ef26e9eb81b105 to your computer and use it in GitHub Desktop.
Save gdunstone/1feb497696a7eebf75ef26e9eb81b105 to your computer and use it in GitHub Desktop.
bloom eclipse loader no animation
.loader {
position: relative;
margin: 10% auto;
height: 50vh;
width: 50vh;
border-radius: 100%;
background-color: black;
}
.loader::after{
position: absolute;
height: 50vh;
width: 50vh;
background-color: #fff;
box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ffffb3, 0 0 70px #ffffb3, 0 0 80px #ffffb3, 0 0 100px #ffffb3, 0 0 150px #FF1177;
content: "";
z-index: -1;
border-radius: 100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment