原创:纯手工打造CSS像素画--笨笨熊系列图标

纯手工打造CSS像素画--笨笨熊系列图标


 

作者:冰极峰 转载请注明出处


 

在cssplay网站看到有一组CSS像素画,于是也想摩仿一下,于是在网络上找到一组头像图标,看其结构比较简单,就拿它开刀吧!先看看预览图

图一

基本原理:
没有什么技术含量,主要是利用背景色和边框色来渲染每一个像素点,加上绝对定位,就可以变换出不同的风格。在制作一幅图片之前最好是将图片黑白风格化,然后用PS放大图片,将各个点的位置计算精确。剩下的事情就是无穷的耐心和细心了。
演示:
 
posted @ 2009-03-09 00:34  Biny  阅读(3099)  评论(8编辑  收藏  举报