Skip to content

Instantly share code, notes, and snippets.

@vflash
Created March 28, 2016 14:50
Show Gist options
  • Save vflash/7cc5f23b152df7bde294 to your computer and use it in GitHub Desktop.
Save vflash/7cc5f23b152df7bde294 to your computer and use it in GitHub Desktop.
+el("img")
&.-image
margin: 1px 0 0
height: 50px
width: 50px
&:before, &:after
background-image: url("https://img-fotki.yandex.ru/get/4525/83772615.38/0_d6c99_88838cfa_orig.png")
background-size: contain
content: ""
height: 100%
left: 0
position: absolute
top: 0
transform: scale(1.7)
width: 100%
&:before
animation: #{$b}__xprogress 30s linear 0s infinite normal
opacity: 0.9
&:after
animation: #{$b}__xprogress2 90s linear 0s infinite reverse
opacity: 0.4
@keyframes #{$b}__xprogress
from
transform: scale(1.4) rotate(0deg)
to
transform: scale(1.4) rotate(360deg)
@keyframes #{$b}__xprogress2
from
transform: scale(1.6) rotate(-360deg)
50%
transform: scale(1.8) rotate(0deg)
to
transform: scale(1.6) rotate(360deg)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment