Skip to content

Instantly share code, notes, and snippets.

@helenb

helenb/multiple-transition-declaration.css

Created January 16, 2017 08:10
Show Gist options
  • Save helenb/b77eb5781cf8cff6757bff70ef945e74 to your computer and use it in GitHub Desktop.
Save helenb/b77eb5781cf8cff6757bff70ef945e74 to your computer and use it in GitHub Desktop.
Download ZIP
Multiple transition declaration example
Raw
multiple-transition-declaration.css
.test {
width: 200px;
height: 50px;
background-color: seagreen;
border: 3px solid darken(seagreen, 10%);
border-radius: 5px;
transition: background 2s linear, border 2s ease-out;
}
.test:hover {
cursor: pointer;
background-color: teal;
border-color: darken(teal, 10%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment