Skip to content

Instantly share code, notes, and snippets.

@elzup

elzup/index.html

Created September 10, 2014 14:20
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 elzup/3d0e75b62adb2babe27c to your computer and use it in GitHub Desktop.
Save elzup/3d0e75b62adb2babe27c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<meta charset="UTF-8">
<title>css モンスターボール</title>
<style>
.monsterball-wrap {
height: 140px;
width: 140px;
float: left;
border: solid;
border-radius: 29%;
margin: 5px;
cursor: pointer;
box-shadow: inset -7px -8px 26px rgba(0,0,0,0.2), 0px -38px #fff inset, 0px -40px 0px 1px #000 inset;
background: #f00;
position: relative;
}
.monsterball-wrap span {
border: solid;
position: absolute;
top: 60%;
left: 40%;
width: 20%;
height: 20%;
background: white;
border-radius: 2em;
box-shadow: -2px -1px 2px gray inset;
}
</style>
<div class="monsterball-wrap"><span></span></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment