用CSS实现动态拼图

代码：
<style type=”text/css” media=”screen”><!–

body {
margin: 30px;
font: 62.5% ‘Trebuchet MS’,Arial,sans-serif;
background: #FFF;
color: #121212;
}

h1 {
font-size: 2.0em;
color: #8DC63F;
}

p {
font-size: 1.4em;
color: #292929;
}

.pie {
display: block;
float: left;
margin: 0;
padding: 0;
width: 30px;
height: 30px;
background-image: url(’slices.gif’);
}

.size30 {
background-position: -150px 0;
}

.size35 {
background-position: -180px 0;
}

.percent {
margin: 0.4em 0 0 2.4em;
font-size: 1.6em;
font-weight: 600;
color: #8DC63F;
}

.shadow {
float: left;
margin: 3px 0 0 3px;
background: #CCC;
}

#example {
float: left;
position: relative;
top: -3px;
left: -3px;
padding: 15px;
background: #FFF;
border: 1px solid #999;
}

–></style>

More: continued here

Comment

seamaple