Skip to content

Instantly share code, notes, and snippets.

@LearnBoost
Created March 4, 2010 00:50
Show Gist options
  • Save LearnBoost/321264 to your computer and use it in GitHub Desktop.
Save LearnBoost/321264 to your computer and use it in GitHub Desktop.
.my-dialog {
-webkit-transform: translateY(-100%);
-webkit-transition: -webkit-transform 0.5s ease-out;
}
body.overlaid .my-dialog {
-webkit-transform: translateY(0);
}
.overlay {
background: rgba(0,0,0,0.01);
}
.overlay > .wrap {
-webkit-box-pack: start;
}
.overlay {
(…)
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-align: stretch;
-webkit-box-pack: center;
}
.overlay > .wrap {
(…)
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-align: stretch;
-webkit-box-pack: center;
}
background: rgba(0,0,0,0.8);
-webkit-user-select: none;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment