目前只支持Chrome不雅观看，效果如下图所示：
紧张用到的CSS3属性如下所示：
1、border-radius
CSS3中运用最普遍的属性，用于设置边框圆角，可以采取border-top-left-radius的办法单独设置每个圆角，并可以设置。
width: 240px;
height: 240px;
-webkit-border-radius: 120px;
效果如下图所示：
2）要实现1/4个圆，可以用如下代码：
width: 240px;
height: 240px;
-webkit-border-bottom-left-radius: 240px 240px;
效果如下图所示：
3）要实现1/8个圆，可以用如下代码：
border-top: 240px solid #2ec8e9;
-webkit-border-top-left-radius: 240px;
width: 240px;
2、-webkit-transform
紧张利用了rotate旋转属性，可以掌握元素向左向右旋转。下图里的箭头便是用-webkit-transform:rotate属性实现的。顺便提一句scale缩放属性里如果值为-1，也是有旋转效果的。
3、-webkit-box-shadow
盒阴影，可以设置元素的阴影。如上图所示。
4、RGBA
RGBA也是CSS3中非常实用和强大的一个功能，以前所有利用RGB HTML的地方都可以利用RGBA的格式来设置透明度。例如QQ浏览器的九宫格可以做成如下显示办法：
这便是采取RGBA的透明效果实现的，详细实现办法可以参考《浏览器九宫格的大略实现》一文。
用CSS打造QQ标志设计教程分享完成，那么，你会了吗？不会也没紧要，用logofree牌号在线制作器也可以直接天生类似LOGO，如果天生的标志还不满意，那LOGO高端定制是您的最佳选择。
转载：http://www.logofree.cn/news/shejizhishixuexi/css3qqlogo.html
