Skip to content

Instantly share code, notes, and snippets.

@homam

homam/index.html

Forked from jraycv/CSS3 Center Radial
Last active December 31, 2015 07:09
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 homam/7952523 to your computer and use it in GitHub Desktop.
Save homam/7952523 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Conversion</title>
<link type="text/css" rel="stylesheet" href="radial.css" />
</head>
<body class="radial">
hello
</body>
</html>
<head>
Raw
radial.css
body.radial:after{
content: "";
z-index: -1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: -webkit-radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.75));
background: -moz-radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.75));
background: -ms-radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.75));
background: -o-radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.75));
background: radial-gradient(center center, circle cover, rgba(0,0,0,0), rgba(0,0,0,0.75));
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment