Skip to content

Instantly share code, notes, and snippets.

@oksushi
Created July 20, 2012 01:17
Show Gist options
  • Save oksushi/3148053 to your computer and use it in GitHub Desktop.
Save oksushi/3148053 to your computer and use it in GitHub Desktop.
transitioning Opacity in CSS
/**
* transitioning Opacity in CSS
*/
div {background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Chihuahua_puppy_001.jpg/220px-Chihuahua_puppy_001.jpg) center no-repeat;
width: 100px;
height: 220px;
transition:opacity 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750)
}
div:hover {
opacity: .1;
}
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment