Skip to content

Instantly share code, notes, and snippets.

@aozora

aozora/css-test-2

Created January 10, 2018 10:15
Show Gist options
  • Save aozora/a0859eb69d22c8045e84b432913d9004 to your computer and use it in GitHub Desktop.
Save aozora/a0859eb69d22c8045e84b432913d9004 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
css-test-2
// CSS3 Transitions test: write the code to rotate by 180 degree the button when hovered
button {
background-color: #ccc;
padding: 1rem 2rem;
}
@aozora
Copy link
Author

aozora commented Jan 10, 2018 •
edited
Loading

Solution:

button {
  background-color: #ccc;
  padding: 1rem 2rem;
  transition: transform .35s ease-in-out;
}

button:hover {
  transform: rotate(180deg);
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment