欢迎访问广东天博APP叉车设备有限公司官网!

广东天博APP叉车设备有限公司

广东天博APP叉车设备有限公司

—— 持续领航 品牌经营 ——

全国服务热线

0842-834662647
17577765807
搜索关键词:  搬运坦克车  产品样品

如何用CSS3设计腾讯QQ LOGO?

来源:天博体育app平台   发布时间:2021-03-25 00:05nbsp;  点击量:

本文摘要:最近用CSS设计LOGO上瘾了,前两天分享了《教你使用纯CSS设计HTML5新LOGO》和《教你使用CSS3设计Opera浏览器LOGO》,今天在微博上看到有新浪的朋侪用CSS3实现的新浪微博LOGO(如下图所示),一时手痒,就顺手也用CSS3实现了一个QQ的LOGO。

天博体育app平台

最近用CSS设计LOGO上瘾了,前两天分享了《教你使用纯CSS设计HTML5新LOGO》和《教你使用CSS3设计Opera浏览器LOGO》,今天在微博上看到有新浪的朋侪用CSS3实现的新浪微博LOGO(如下图所示),一时手痒,就顺手也用CSS3实现了一个QQ的LOGO。​现在只支持Chrome寓目,效果如下图所示:主要用到的CSS3属性如下所示:1、border-radiusCSS3中应用最普遍的属性,用于设置边框圆角,可以接纳border-top-left-radius的方式单独设置每个圆角,并可以设置。1)例如要实现1个圆,可以使用如下代码: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属性实现的。

天博APP

顺便提一句scale缩放属性里如果值为-1,也是有旋转效果的。3、-webkit-box-shadow盒阴影,可以设置元素的阴影。如上图所示。

4、RGBARGBA也是CSS3中很是实用和强大的一个功效,以前所有使用RGB HTML的地方都可以使用RGBA的花样来设置透明度。例如QQ浏览器的九宫格可以做成如下显示方式:这就是接纳RGBA的透明效果实现的,详细实现方式可以参考《浏览器九宫格的简朴实现》一文。

用CSS打造QQ标志设计教程分享完成,那么,你会了吗?不会也没关系,用logofree商标在线制作器也可以直接生成类似LOGO,如果生成的标志还不满足,那LOGO高端定制是您的最佳选择。转载:http://www.logofree.cn/news/shejizhishixuexi/css3qqlogo.html。


本文关键词:如,何用,CSS3,设计,腾讯,LOGO,最近,用,CSS,设计,天博体育app平台

本文来源:天博APP-www.oveenablog.com

微信二维码 微信二维码
联系我们

电话:0842-834662647
手机:17577765807
Q Q:541311176
邮箱:admin@oveenablog.com
联系地址:江苏省南京市天河区远超大楼4194号

Copyright © 2003-2021 www.oveenablog.com. 天博APP科技 版权所有

备案号:ICP备75461026号-6