Skip to content

Instantly share code, notes, and snippets.

@SvitlanaShepitsena

SvitlanaShepitsena/buttons-animation.styl

Created November 10, 2015 18:10
Show Gist options
  • Save SvitlanaShepitsena/af3ce5716f6b13fcf333 to your computer and use it in GitHub Desktop.
Save SvitlanaShepitsena/af3ce5716f6b13fcf333 to your computer and use it in GitHub Desktop.
Download ZIP
Buttons animation
Raw
buttons-animation.styl
//=bookmarks
.listing-bookmark-wrapper
position relative
width 150px
.listing-bookmark.ng-hide-add, .listing-bookmark.ng-hide-remove
transition 0s linear all
.listing-bookmark.ng-hide-add-active,
.listing-bookmark.ng-hide-remove-active
transition 1s linear all
.listing-bookmark
width 130px
text-align center !important
position absolute !important
right 0px !important
top 0px !important
&.ng-hide-add
opacity 1;
&.ng-hide-add-active
opacity 0;
&.ng-hide-remove
opacity 0;
&.ng-hide-remove-active
opacity 1;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment