Skip to content

Instantly share code, notes, and snippets.

@markyun

markyun/gist:7596712

Created November 22, 2013 08:33
Show Gist options
  • Save markyun/7596712 to your computer and use it in GitHub Desktop.
Save markyun/7596712 to your computer and use it in GitHub Desktop.
Download ZIP
css3 动画 Transitions
Raw
gistfile1.html
<!DOCTYPE HTML>
<html>
<body>
<div class="a"></div>
<div class="a"></div><div class="a"></div>
<div class="a"></div><div class="a"></div>
<div class="a"></div><div class="a"></div>
<div class="a"></div><div class="a"></div>
<div class="a"></div><div class="a"></div>
<div class="a"></div>
<div class="a"></div><div class="a"></div><div class="a"></div>
<div class="a"></div><div class="a"></div><div class="a"></div><div class="a"></div><div class="a"></div>
<style>
.a{ width:300px; height:50px; background:#0C9;-webkit-transition: width 0.2s ease,background-color 0.2s ease }
.a:hover{background-color:#9C0; width:100px; height:60px; -webkit-transition: width 0.2s ease,background-color 0.2s ease}
</style>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment