如何制作圆角头像?

blogdaren 2009-08-21 抢沙发 1094人次

好多sns的头像都使用圆角了,昨天在校内上看到了圆角头像,今天在Qzone的也看到了圆角头像,圆角头像看上去比直角的美观。

如何制作圆角头像? - PHP程序员 - 李国华【PHP程序员C++】博客如何制作圆角头像? - PHP程序员 - 李国华【PHP程序员C++】博客

圆角头像的制作原理就是在头像上覆盖一张透明的图片,把四个角颜色设置成页面的背景颜色,中间透明,

假设我的页面底色是纯黑色的,那么这个透明图片可以做成这样,如图:

如何制作圆角头像? - PHP程序员 - 李国华【PHP程序员C++】博客

这里需要注意的是需要把图片保存成24位的png,虽然IE6支持8位的png的透明,但是8位的png做透明圆弧图片存在效果上的问题,就是存在白色的杂边或锯齿,如图:

如何制作圆角头像? - PHP程序员 - 李国华【PHP程序员C++】博客

版权声明:除非注明,本文由( blogdaren )原创,转载请保留文章出处。

本文链接:如何制作圆角头像?

发表评论:

您的昵称:
电子邮件:
个人主页: