Skip to content

Instantly share code, notes, and snippets.

@a-ignatov-parc
Last active December 20, 2015 11:00
Show Gist options
  • Save a-ignatov-parc/6120136 to your computer and use it in GitHub Desktop.
Save a-ignatov-parc/6120136 to your computer and use it in GitHub Desktop.
.container {
top: -5000px;
width: 135px;
-webkit-transition: top 0ms ease-in-out 600ms, opacity 400ms ease-in-out 200ms;
-moz-transition: top 0ms ease-in-out 600ms, opacity 400ms ease-in-out 200ms;
-o-transition: top 0ms ease-in-out 600ms, opacity 400ms ease-in-out 200ms;
transition: top 0ms ease-in-out 600ms, opacity 400ms ease-in-out 200ms;
margin: 0 0 0 -68px;
position: absolute;
opacity: 0;
}
.icon:hover .container {
top: 100%;
opacity: 1;
-webkit-transition: top 0ms ease-in-out 0ms, opacity 200ms ease-in-out 0ms;
-moz-transition: top 0ms ease-in-out 0ms, opacity 200ms ease-in-out 0ms;
-o-transition: top 0ms ease-in-out 0ms, opacity 200ms ease-in-out 0ms;
transition: top 0ms ease-in-out 0ms, opacity 200ms ease-in-out 0ms;
}
.hint {
min-width: inherit;
max-width: inherit;
.border-radius (3px);
padding: 10px;
position: relative;
.inline-block();
vertical-align: top;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment