Skip to content

Instantly share code, notes, and snippets.

@clouddueling

clouddueling/modal-backdrop.css

Created April 14, 2013 17:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 3 You must be signed in to fork a gist
  • Save clouddueling/5383592 to your computer and use it in GitHub Desktop.
Save clouddueling/5383592 to your computer and use it in GitHub Desktop.
Download ZIP
enhance your modal backdrops
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