Skip to content

Instantly share code, notes, and snippets.

@jacksonhenry3
Created May 16, 2013 01:52
Show Gist options
  • Save jacksonhenry3/5588846 to your computer and use it in GitHub Desktop.
Save jacksonhenry3/5588846 to your computer and use it in GitHub Desktop.
testing_transitions
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="SHORTCUT ICON" href="favicon.ico">
</head>
<body>
<div id = "nav_bubble"></div>
</body>
</html>
body
{
margin:0px;
}
#nav_bubble
{
position:fixed;
top:-125;
left:-125;
width : 250px;
height: 250px;
border-radius:500px;
background-color:#f97743;
transition:top .5s,left .5s, width .2s, height .2s;
}
#nav_bubble:hover
{
top:-150;
left:-150;
width : 300px;
height: 300px;
border-radius:500px;
background-color:#f97743;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment