纯纯CSS3打造属于自己的打造属于自己的“小黄人小黄人”
效果就像这样：
不废话，直接上代码！
hrml代码：
XML/HTML Code复制内容到剪贴板
<!DOCTYPE html>
<html>
<head lang="zh">
<meta charset="UTF-8">
<title>纯CSS3画出小黄人并实现动画效果</title>
<Link href="index.css" type="text/css" rel="stylesheet" />
</head>
<body>
<!–容器–>
<div class="wrapper">
<!–小黄人–>
<div class="container">
<!–头发–>
<div class="hairs">
<div class="hairs_one"></div>
<div class="hairs_two"></div>
</div>
<!–头发–>
<!–眼睛–>
<div class="eyes">
<div class="eye_left">
<div class="black">
<div class="white"></div>
</div>
</div>
<div class="eye_right">
<div class="black">
<div class="white"></div>
</div>
</div>
</div>
<!–眼睛–>
<!–嘴巴–>
<div class="mouth">
<div class="mouth_box"></div>
</div>
<!–嘴巴–>
<!–手–>
<div class="hands">
下载后可阅读完整内容，剩余7页未读，立即下载
weixin_38553681
- 粉丝: 2
- 资源: 915
我的内容管理
展开
最新资源
- C++标准程序库：权威指南
- Java解惑：奇数判断误区与改进方法
- C++编程必读：20种设计模式详解与实战
- LM3S8962微控制器数据手册
- 51单片机C语言实战教程：从入门到精通
- Spring3.0权威指南：JavaEE6实战
- Win32多线程程序设计详解
- Lucene2.9.1开发全攻略：从环境配置到索引创建
- 内存虚拟硬盘技术：提升电脑速度的秘密武器
- Java操作数据库：保存与显示图片到数据库及页面
- ISO14001：2004环境管理体系要求详解
- ShopExV4.8二次开发详解
- 企业形象与产品推广一站式网站建设技术方案揭秘
- Shopex二次开发：触发器与控制器重定向技术详解
- FPGA开发实战指南：创新设计与进阶技巧
- ShopExV4.8二次开发入门：解决升级问题与功能扩展
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
