CSS代码编写的IE Logo

添加评论 2010年12月19日

对于IE浏览器的Logo我们在熟悉不过了,但是长期以来我们在浏览器中看到的都是用图形软件制作出来的图片。近期发现原来IE Logo是可以通过网页标准制作出来,不需要任何图片素材。而且制作出来的效果也是那么微妙,不管是色彩渐变还是纹理,都跟图片显示的效果非常相像,若是不仔细对比,根本看不出来这是用网页代码写出来的。

CSS代码编写的IE Logo

CSS3代码编写出来的IE Logo

在Firefox 3.6+ 以及 Safari 5 上显示最佳。该效果使用了圆角,渐变,阴影等属性。点击产看效果演示

五大主流浏览器的显示效果

五大主流浏览器的显示效果

如果所有浏览器都能够支持CSS3、HTML5等网页标准,那么技术人员在以后的网页开发过程中就可以尽量避免使用图片,从而提升网页内容的显示速度。目前能够支持完美支持网页标准的IE浏览器就是IE9,如果有条件的用户可尽量升级到IE9

  1. 还没有评论.想坐沙发?
  1. 还没有 trackbacks
订阅评论