Skip to content

Instantly share code, notes, and snippets.

@kawa-kokosowa

kawa-kokosowa/model.html

Last active December 4, 2015 19:21
Show Gist options
  • Save kawa-kokosowa/ecc55773e92b39262263 to your computer and use it in GitHub Desktop.
Save kawa-kokosowa/ecc55773e92b39262263 to your computer and use it in GitHub Desktop.
Download ZIP
Hackday Challenge
Raw
model.html
<html>
<head>
<style>
.wowimsocool {
display: block;
width: 632px;
height: 836px;
background: #000;
background-image: linear-gradient(to right, rgba(255, 0, 0, 255), rgba(255, 0, 0, 255)),
linear-gradient(to right, rgba(0, 255, 0, 255), rgba(0, 255, 0, 255)),
linear-gradient(to right, rgba(0, 0, 255, 255), rgba(0, 0, 255, 255));
background-size: 50% 50%;
background-repeat: no-repeat,
no-repeat,
no-repeat;
background-position: top left,
top right,
bottom right;
line-height: 100%;
text-align: center;
}
.circle {
background: rgba(130, 130, 130, 255);
border-radius: 50%;
width: 80%;
height: 80%;
margin: 0 auto;
position: relative;
top: 10%;
}
</style>
</head>
<body>
<div class="wowimsocool">
<div class="circle"></div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment