Skip to content

Instantly share code, notes, and snippets.

@revolunet
Created January 20, 2012 12:26
Show Gist options
  • Select an option

  • Save revolunet/1647166 to your computer and use it in GitHub Desktop.

Select an option

Save revolunet/1647166 to your computer and use it in GitHub Desktop.
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
div.imghover:hover {
background-color:#f6c293;
-webkit-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;
background-image: url(http://www.repossi.com/themes/bartik/images/suite.png);
background-repeat: no-repeat;
background-position:center center;
}
div.imghover img:hover {
opacity: 0.2;
-webkit-transition: opacity 0.3s ease-out;
}
<!-- content to be placed inside <body>…</body> -->
<div class='imghover' style="width:408px">
<img src="http://www.repossi.com/sites/default/files/styles/large/public/null/74271-800w.jpg"/>
</div>
{"view":"split","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment