Skip to content

Instantly share code, notes, and snippets.

@13hoop
Forked from anonymous/index.html
Created December 19, 2016 09:46
Show Gist options
  • Save 13hoop/6b893cc167b10518dfa9e1886c7db70e to your computer and use it in GitHub Desktop.
Save 13hoop/6b893cc167b10518dfa9e1886c7db70e to your computer and use it in GitHub Desktop.
JS Bin // source https://jsbin.com/mazeqe
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
* {margin: 0; padding: 0;}
.clear {
content: '';
clear: both;
display: block;
}
.wrapper {
border: 1px solid orange;
text-align: center;
margin: 0 auto;
max-width: 200px;
}
.button {
background-image: url(data:image/png;base64,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);
background-repeat: no-repeat;
display: block;
width: 32px;
height: 35px;
line-height: 35px;
padding-left: 33px;
float: left;
cursor: pointer;
}
.button:hover {
color: purple;
}
.backImage-001 {
background-position: -6px -6px;
}
.backImage-002 {
background-position: -4px -50px;
}
.backImage-003 {
background-position: -9px -97px;
}
.backImage-001:hover {
background-position: -7px -140px;
}
.backImage-002:hover {
background-position: -8px -190px;
}
.backImage-003:hover {
background-position: -5px -235px;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="backImage-001 button">前进</div>
<div class="backImage-002 button">开始</div>
<div class="backImage-003 button">停止</div>
<div class="clear"></div>
</div>
<script id="jsbin-source-css" type="text/css">* {margin: 0; padding: 0;}
.clear {
content: '';
clear: both;
display: block;
}
.wrapper {
border: 1px solid orange;
text-align: center;
margin: 0 auto;
max-width: 200px;
}
.button {
background-image: url(data:image/png;base64,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);
background-repeat: no-repeat;
display: block;
width: 32px;
height: 35px;
line-height: 35px;
padding-left: 33px;
float: left;
cursor: pointer;
}
.button:hover {
color: purple;
}
.backImage-001 {
background-position: -6px -6px;
}
.backImage-002 {
background-position: -4px -50px;
}
.backImage-003 {
background-position: -9px -97px;
}
.backImage-001:hover {
background-position: -7px -140px;
}
.backImage-002:hover {
background-position: -8px -190px;
}
.backImage-003:hover {
background-position: -5px -235px;
}
</script>
</body>
</html>
* {margin: 0; padding: 0;}
.clear {
content: '';
clear: both;
display: block;
}
.wrapper {
border: 1px solid orange;
text-align: center;
margin: 0 auto;
max-width: 200px;
}
.button {
background-image: url(data:image/png;base64,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);
background-repeat: no-repeat;
display: block;
width: 32px;
height: 35px;
line-height: 35px;
padding-left: 33px;
float: left;
cursor: pointer;
}
.button:hover {
color: purple;
}
.backImage-001 {
background-position: -6px -6px;
}
.backImage-002 {
background-position: -4px -50px;
}
.backImage-003 {
background-position: -9px -97px;
}
.backImage-001:hover {
background-position: -7px -140px;
}
.backImage-002:hover {
background-position: -8px -190px;
}
.backImage-003:hover {
background-position: -5px -235px;
}
@13hoop
Copy link
Author

13hoop commented Dec 19, 2016

div + center + sprites

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment