css3手绘动漫

  • r2_230621
    了解作者
  • 8.7KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-28 19:49
    上传日期
css3绘制出灵动飘逸的头发,水灵的眼睛,及色彩的渐变!
css3手绘动漫图.zip
  • css3手绘.html
    5.6KB
  • mio.css
    64.2KB
内容介绍
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>純 CSS3 繪製 K-ON! 秋山澪</title> <link href="mio.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="main"> <div id="ins"> <div id="bg"></div> <div class="draw"> <div id="head"></div> <div id="hear_back"> <div class="hb1 black"></div> <div class="hb2 black"></div> <div class="hb3"></div> <div class="hb4" ></div> <div class="hb5 pink"></div> <div class="hb6 pink"></div> <div class="hb7 pink"></div> <div class="hb8"></div> <div class="hb9 black"></div> <div class="hb10"></div> <div class="hb11 pink"></div> <div class="hb12 pink"></div> <div class="hb13"></div> <div class="hb14 pink"></div> <div class="hb15"></div> <div class="hb16"></div> <div class="hb17 black"></div> <div class="hb18"></div> </div> <div id="clothes"> <div class="cls1"></div> <div class="cls2"></div> <div class="cls3"></div> <div class="cls4"></div> <div class="cls5"></div> <div class="cls6"></div> <div class="cls7"></div> <div class="cls8"></div> <div class="cls9"></div> </div> <div id="ear"> <div class="ear1"></div> <div class="ear2"></div> <div class="ear3 org"></div> <div class="ear4"></div> <div class="ear5 none"></div> <div class="ear6 none"></div> <div class="ear7"></div> <div class="ear8"></div> </div> <div id="neck"></div> <div id="face"> <div class="fac1"></div> <div class="fac2"></div> <div class="fac3"></div> <div class="fac4"></div> <div class="fac5"></div> <div class="fac6"></div> <div class="fac7 sha"></div> <div class="fac8 sha"></div> <div class="fac9 sha"></div> <div class="norse1"></div> <div class="norse2"></div> <div class="mouth1"></div> <div class="mouth2"></div> <div class="fac10"></div> <div class="fac11"></div> <div class="fac12 line"></div> <div class="fac13 line"></div> <div class="fac14 line"></div> <div class="fac15 line"></div> <div class="fac16 line"></div> </div> <div id="eye"> <div class="eye1 line"></div> <div class="eye2 line"></div> <div class="eye3 line"></div> <div class="eye4 line"></div> <div class="eye5"></div> <div class="eye6"></div> <div class="eye7"></div> <div class="eye8 gray"></div> <div class="eye9 white"></div> <div class="eye10"></div> <div class="eye11 white anime"></div> <div class="eye12 purple"></div> <div class="eye13 purple"></div> <div class="eye14 white anime"></div> <div class="eye15 line"></div> <div class="eye16 line"></div> <div class="eye17"></div> <div class="eye18"></div> <div class="eye19 gray"></div> <div class="eye20 white"></div> <div class="eye21 line"></div> <div class="eye22"></div> <div class="eye23"></div> <div class="eye24 purple"></div> <div class="eye25"></div> <div class="eye26 white anime"></div> <div class="eye27 white anime"></div> <div class="eye28 purple"></div> <div class="eye29 line"></div> <div class="eye30 line"></div> <div class="eye31 line"></div> </div> <div id="hair_front"> <div class="hf1"></div> <div class="hf2"></div> <div class="hf3"></div> <div class="hf4"></div> <div class="hf5"></div> <div class="hf6"></div> <div class="hf7"></div> <div class="hf8"></div> <div class="hf9"></div> <div class="hf10"></div> <div class="hf11"></div> <div class="hf12"></div> <div class="hf13"></div> <div class="hf14"></div> <div class="hf15"></div> <div class="hf16"><div></div></div> <div class="hf17"></div> <div class="hf18"></div> <div class="hf19"></div> <div class="hf20"></div> <div class="hf21"></div> <div class="hf22"></div> <div class="hf23"></div> <div class="hf24"></div> <div class="hf25"></div> <div class="hf26"></div> <div class="hf27"></div> <div class="hf28"></div> <div class="hf29"></div> <div class="hf30"></div> <div class="hf31"></div> <div class="hf32"></div> <div class="hf33"></div> </div> <div id="light"> <div class="light1"></div> <div class="light2"></div> <div class="light3"></div> <div class="light4"></div> <div class="light5"></div> <div class="light6"></div> <div class="light7"></div> <div class="light8"></div> <div class="light9"></div> <div class="light10"></div> <div class="light11"></div> </div> <div id="dark"> <div class="dark1"></div> <div class="dark2"></div> <div class="dark3"></div> <div class="dark4"></div> <div class="dark5"></div> <div class="dark6"></div> <div class="dark7"></div> <div class="dark8"></div> <div class="dark9"></div> </div> </div> </div> <div class="copy">純 CSS3 繪製 K-ON! 秋山澪。<br />可支援 Firefox、Chrome、Opera、Safari<br />Copyright 2011 &copy; by <a href="http://rei.idv.tw/" rel='nofollow' onclick='return false;'>Rei</a>, <a href="http://rei.idv.tw/+" rel='nofollow' onclick='return false;'>My Google+</a>.</div> </div> </body> </html>
评论
    相关推荐
    • css3参考手册
      css3参考手册,走过路过不要错过哈。css3参考手册 css3参考手册
    • CSS3使用手册
      本资源包括CSS2、CSS3两部分CHM格式文档
    • CSS3进度条
      CSS3进度条Button,经典案例,绝对好用,初学者必备。
    • css3
      css3
    • css3小清新导航
      css3小清新导航是一款基于css3实现的类似特效按钮的小清新导航菜单。
    • 照片墙css3
      照片墙源码,可实现照片随机摆放,选中后摆正放大
    • css3
      css3
    • css3 study
      css3 study code
    • CSS3 Tooltips
      css3 tooltips鼠标悬停显示消息提示框样式。完整的代码,方便学习。
    • GaussDB_100_1.0.1-DATABASE-REDHAT-64bit.tar.gz
      guassdb100在redhat上安装包,单机部署的包,安装步骤请看我的文中介绍,经过大量实验搭建总结出来的文档