如何使用 HTML5+CSS3 绘制 QQ 企鹅标志
最编程
2024-05-30 17:24:27
...
<!DOCTYPE html>
<html>
<head>
<title>CSS3 Tencent QQ Logo</title>
<link rel="stylesheet" type="text/css" href="css3-tencent-QQ-logo.css">
</head>
<body>
<div id="wrapper">
<div class="head">
<div class="left eye">
<div class="innerLeftEye"><!--::after--></div>
</div>
<div class="right eye">
<div class="innerRightEye">
<div class="fix">
<div class="fixCricle1"></div>
<div class="fixCricle2"></div>
</div>
</div>
</div>
<div class="mouthWrapper">
<div class="mouthTop"></div>
<div class="mouthBottom"></div>
<div class="lips"></div>
</div>
</div>
<div class="body">
<div class="bodyOuter"></div>
<div class="bodyInner"></div>
<div class="scarf">
<div class="scarfLeftFold"></div>
<div class="scarfRightFold"></div>
</div>
<div class="scarfEnd"><!--::after--></div>
<div class="leftHand"></div>
<div class="rightHand"></div>
</div>
<div class="foot">
<div class="leftFoot"><!--::after--></div>
<div class="rightFoot"><!--::after--></div>
</div>
</div>
</body>
</html>
上一篇: 消费者相关性、高效扫盲和 ZK 的作用