• 不是特效!上港队长一脚踢中海鸥 这脚法简直坑爹 2019-09-15
  • 2018年春节 瑞狗迎春 2019-09-15
  • 【十九大·理论新视野】动漫:如何改善民生提升百姓“获得感” 2019-09-05
  • 舒歌群任中国科学技术大学党委书记(副部长级) 2019-09-05
  • “碎尸案别墅”拍出后 拖欠的物业费谁付? 2019-08-29
  • 各地聚焦学习十九大精神--新疆频道--人民网 2019-08-29
  • “奥运新秀”亮相上海 亚帆联杯等你来看 2019-08-16
  • 这位游客骨骼清奇送你一份小长假游新疆攻略 2019-08-11
  • 图解:习近平的《人民日报》情缘 2019-08-02
  • 【新华微视评】偏远农村的“智慧消防” 2019-07-12
  • 国外看中国科技:中国隧道技术发展迅速享誉世界 2019-07-12
  • 【十九大·理论新视野】动漫:“伟大工程”如何造就 2019-07-02
  • 绥芬河展馆在哈洽会上惊艳亮相 2019-06-03
  • 新时代 新作为 新篇章 2019-06-03
  • 空军“红剑-2017”体系对抗演习打响 2019-06-01
  • 3D试机号:用CSS3设计腾讯QQ LOGO

    发布时间:2018/09/28 09:03 编辑:双色球开奖结果

    双色球开奖结果 www.jhsoe.com 最近用CSS双色球开奖结果上瘾了,前两天分享了《教你使用纯CSS设计HTML5新LOGO》和《教你使用CSS3设计Opera浏览器LOGO》,今天在微博上看到有新浪的朋友用CSS3实现的新浪微博LOGO(如下图所示),一时手痒,就顺手也CSS3实现了一个QQLOGO。

    纯CSS设计的新浪微博LOGO

    目前只支持Chrome观看,效果如下图所示:

    纯CSS设计的腾讯QQ标志LOGO

    主要用到的CSS3属性如下所示:

    1、border-radius

    CSS3中应用最普遍的属性,用于设置边框圆角,可以采用border-top-left-radius的方式单独设置每个圆角,并可以设置。

    1)例如要实现1个圆,可以使用如下代码:


    width: 240px;

    height: 240px;

    -webkit-border-radius: 120px;

    效果如下图所示:

    CSS实现的圆

    2)要实现1/4个圆,可以用如下代码:


    width: 240px;

    height: 240px;

    -webkit-border-bottom-left-radius: 240px 240px;

    效果如下图所示:

    纯CSS设计的四分之一圆

    3)要实现1/8个圆,可以用如下代码:

    border-top: 240px solid #2ec8e9;

    -webkit-border-top-left-radius: 240px;

    width: 240px;

    纯CSS设计的八分之一圆

    2、-webkit-transform

    主要使用了rotate旋转属性,可以控制元素向左向右旋转。下图里的箭头就是用-webkit-transform:rotate属性实现的。顺便提一句scale缩放属性里如果值为-1,也是有旋转效果的。

    纯CSS设计的箭头

    3、-webkit-box-shadow

    盒阴影,可以设置元素的阴影。如上图所示。


    4、RGBA

    RGBA也是CSS3中非常实用和强大的一个功能,以前所有使用RGB HTML的地方都可以使用RGBA的格式来设置透明度。例如QQ浏览器的九宫格可以做成如下显示方式:

    纯CSS设计的QQ浏览器九宫格

    这就是采用RGBA的透明效果实现的,具体实现方式可以参考《浏览器九宫格的简单实现》一文。


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

    Advert:[left_fixed_adv]
  • 不是特效!上港队长一脚踢中海鸥 这脚法简直坑爹 2019-09-15
  • 2018年春节 瑞狗迎春 2019-09-15
  • 【十九大·理论新视野】动漫:如何改善民生提升百姓“获得感” 2019-09-05
  • 舒歌群任中国科学技术大学党委书记(副部长级) 2019-09-05
  • “碎尸案别墅”拍出后 拖欠的物业费谁付? 2019-08-29
  • 各地聚焦学习十九大精神--新疆频道--人民网 2019-08-29
  • “奥运新秀”亮相上海 亚帆联杯等你来看 2019-08-16
  • 这位游客骨骼清奇送你一份小长假游新疆攻略 2019-08-11
  • 图解:习近平的《人民日报》情缘 2019-08-02
  • 【新华微视评】偏远农村的“智慧消防” 2019-07-12
  • 国外看中国科技:中国隧道技术发展迅速享誉世界 2019-07-12
  • 【十九大·理论新视野】动漫:“伟大工程”如何造就 2019-07-02
  • 绥芬河展馆在哈洽会上惊艳亮相 2019-06-03
  • 新时代 新作为 新篇章 2019-06-03
  • 空军“红剑-2017”体系对抗演习打响 2019-06-01
  • 码报图片2019 中国竞彩网篮球 2019香港开奖历史记录 青海号 摩纳哥五分彩是合法的吗 扑克山庄捕鱼大亨 正规的网络挣钱平台 新加坡二分彩开奖查询 上海时时彩0 新疆十一选五开奖走势图 双色球基本走势图新浪爱彩 广西快三助手官网下载安装 陕西快乐十分单式玩法 幸运飞艇骗局有托吗 2012年排列三走势图