Skip to content

Instantly share code, notes, and snippets.

@yoksel

yoksel/A-Pen-by-yoksel.markdown

Created February 6, 2014 06:46
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 yoksel/8839387 to your computer and use it in GitHub Desktop.
Save yoksel/8839387 to your computer and use it in GitHub Desktop.
Download ZIP
A Pen by yoksel.
Raw
index.html
<html>
<head>
<meta charset=utf-8 />
<title>Gradients</title>
</head>
<body>
</body>
</html>
Raw
style.css
HTML {
height: 100%;
}
BODY {
background: linear-gradient( 90deg,
rgba(255, 225, 132, .7) 50%, rgba(255,255,255, 0) 50%),
linear-gradient( 90deg,
rgba(32, 113, 120, .3) 50%, rgba(255,255,255, 0) 50%),
linear-gradient( 90deg,
rgba(255, 150, 102, .3) 50%, rgba(255,255,255, 0) 50%),
linear-gradient( 90deg,
rgba(23, 76, 79, .1) 50%, rgba(255,255,255, 0) 50%);
background-size: 7em 7em, 5em 5em, 3em 3em, 1em 1em;
background-color: #F5E9BE;
font: 10px/1.4 'Trebuchet MS', Verdana, sans-serif;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment