Merge pull request #464 from blackle/backflip
Make boost button spin around
This commit is contained in:
commit
1f7c0ad8d3
2 changed files with 18 additions and 0 deletions
BIN
app/assets/images/boost_sprite.png
Normal file
BIN
app/assets/images/boost_sprite.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.7 KiB |
|
@ -662,3 +662,21 @@
|
|||
border-bottom-color: #2b90d9;
|
||||
}
|
||||
}
|
||||
|
||||
button i.fa-retweet {
|
||||
height: 19px;
|
||||
width: 24px;
|
||||
background: image-url('boost_sprite.png') no-repeat;
|
||||
background-position: 0 0;
|
||||
transition: background-position 0.9s steps(11);
|
||||
transition-duration: 0s;
|
||||
|
||||
&::before {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
button.active i.fa-retweet {
|
||||
transition-duration: 0.9s;
|
||||
background-position: 0 -209px;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue