Skip to content

Instantly share code, notes, and snippets.

@hopearmstrong

hopearmstrong/Loading bars.sass

Created April 2, 2019 05:41
Show Gist options
  • Save hopearmstrong/87ed542f4f408c35e3a7c6923cfe1baf to your computer and use it in GitHub Desktop.
Save hopearmstrong/87ed542f4f408c35e3a7c6923cfe1baf to your computer and use it in GitHub Desktop.
Download ZIP
Loading bars Sass
Raw
Loading bars.sass
#loading-bar
&-left
animation: loading-bar-morph 1s linear .1s infinite
transform-origin: center
&-middle
animation: loading-bar-morph 1s linear .2s infinite
transform-origin: center
&-right
animation: loading-bar-morph 1s linear .4s infinite
transform-origin: center
@keyframes loading-bar-morph
0%
transform: scaleY(1)
25%
transform: scaleY(0.3)
50%
transform: scaleY(0.7)
75%
transform: scaleY(0.15)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment