Merge pull request #464 from blackle/backflip
Make boost button spin around
This commit is contained in:
commit
1f7c0ad8d3
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;
|
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;
|
||||||
|
}
|
||||||
|
|
Reference in a new issue