Skip to content

Instantly share code, notes, and snippets.

@vishnusomanus

vishnusomanus/fontawesome active rotate for bootstrap menu

Created May 15, 2019 09:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save vishnusomanus/89efd212f36833bd4cf2aa128b57273c to your computer and use it in GitHub Desktop.
Save vishnusomanus/89efd212f36833bd4cf2aa128b57273c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
fontawesome active rotate for bootstrap menu
button.navbar-toggle.collapsed {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
button.navbar-toggle:not(.collapsed) {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
button.navbar-toggle:not(.collapsed) i::before {
content: "\f00d";
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment