CSS3 Wolverine

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>

No jpg, png, psd or ai, no canvas, no jquery & no separate retina/ superpixel support. Pure HTML(5) & CSS(3).

Inspired by Webkit, Fail whale, slashed together with Colorzilla & Border Radius.

All characters are property of their respective trademark holders & used for educational purposes only.

Leave your reply

You must be logged in to post a comment.

Plan Your Project