Skip to content

Instantly share code, notes, and snippets.

@outoftime

outoftime/index.html

Created October 20, 2016 13:25
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 outoftime/5b4d49427f2453b67532ecad357bfd03 to your computer and use it in GitHub Desktop.
Save outoftime/5b4d49427f2453b67532ecad357bfd03 to your computer and use it in GitHub Desktop.
Download ZIP
Exported from Popcode. Click to import: https://popcode.org/?gist=5b4d49427f2453b67532ecad357bfd03
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
<div id="four"></div>
</body>
</html>
Raw
styles.css
#one, #two {
height: 200px;
width: 200px;
}
#three, #four {
height: 300px;
width: 300px;
}
#one {
background-color: yellow;
}
#two {
border: 2px solid green;
}
#three {
background: url('http://pix.iemoji.com/images/emoji/apple/ios-9/256/grinning-face-with-smiling-eyes.png');
background-size: 50px 50px;
}
#four {
background: radial-gradient(farthest-corner at 45px 45px , #FF0000 0%, #0000FF 100%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment