Skip to content

Instantly share code, notes, and snippets.

@tlimpanont
Created June 23, 2014 10:32
Show Gist options
  • Save tlimpanont/8cedcb2826cdfe94c52b to your computer and use it in GitHub Desktop.
Save tlimpanont/8cedcb2826cdfe94c52b to your computer and use it in GitHub Desktop.
CSS3 Fade in/out transition
#cf6_image {
margin:0 auto;
width:450px;
height:281px;
transition: background-image 1s ease-in-out;
background-image:url("http://css3.bradshawenterprises.com/images/Cirques.jpg");
}
#cf6_image:hover {
background-image:url("http://css3.bradshawenterprises.com/images/Clown%20Fish.jpg");
}
<div id="cf6_image">
</div>
// alert('Hello world!');
{"view":"split","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