CSS3 Wolverine

HTML

<div id="wolverine">
<div id="wolverine-head-box">
<div id="wolverine-nosecover"></div>
<div id="wolverine-top">
<div id="wolverine-ear-l"></div>
<div id="wolverine-eye-l"></div>
<div id="wolverine-ear-r"></div>
<div id="wolverine-eye-r"></div>
</div>
</div>
<div id="wolverine-head">
<div id="wolverine-nose"></div>
<div id="wolverine-face">
<div id="wolverine-mouth">
<div id="wolverine-mouthin">
<div id="wolverine-top-teeth"></div>
<div id="wolverine-bottom-teeth"></div>
</div>
</div>
</div>
<div id="wolverine-chin"></div>
</div>
<div id="wolverine-neck"></div>
<div id="wolverine-shoulders"></div>
<div id="wolverine-hand-l">
<div class="wolverine-claw-l"></div>
<div class="wolverine-claw-l"></div>
<div class="wolverine-claw-l"></div>
<div class="wolverine-claw-l"></div>
</div>
<div id="wolverine-hand-r">
<div class="wolverine-claw-r"></div>
<div class="wolverine-claw-r"></div>
<div class="wolverine-claw-r"></div>
<div class="wolverine-claw-r"></div>
</div>
<div id="wolverine-sideburns">
<div id="wolverine-sideburn-l"></div>
<div id="wolverine-sideburn-r"></div>
</div>
</div>