在微博上看到有新浪的朋友用CSS3实现的新浪微博LOGO(如下图所示),一时手痒,就顺手也用CSS3实现了一个QQ的LOGO。 Demo的地址见:http://namepk.sinaapp.com/qq.html,目前只支持Chrome观看,效果如下图所示: 主要用到的CSS3属性如下所示: 1、 border-radius CSS3中应用最普遍的属性,用于设置边框圆角,可以采用border-top-left-radius的方式单独设置每个圆角,并可以设置。 1)例如要实现1个圆,可以使用如下代码: width: 240px; ... Read More
posted @ 2011-02-16 13:44 javawebsoa Views(291) Comments(0) Diggs(0) Edit