Skip to content

Instantly share code, notes, and snippets.

@chourobin

chourobin/modal-backdrop.css

Forked from clouddueling/modal-backdrop.css
Created April 16, 2013 21:48
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chourobin/5399947 to your computer and use it in GitHub Desktop.
Save chourobin/5399947 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
modal-backdrop.css
.modal-backdrop {
background: #000;
background: rgba(0,0,0,0.9);
background: -webkit-radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.45) 1%, rgba(0,0,0,0.8) 100%);
background: -moz-radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.45) 1%, rgba(0,0,0,0.8) 100%);
background: -ms-radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.45) 1%, rgba(0,0,0,0.8) 100%);
background: radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.45) 1%, rgba(0,0,0,0.8) 100%);
filter: alpha(opacity = 80);
opacity: 0;
-webkit-transition: 400ms opacity ease;
-moz-transition: 400ms opacity ease;
transition: 400ms opacity ease;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment