1、有福同享,有难互删。
2、和你分享过的青春,不比初恋少半分。
3、快让让,仙女出山了。
4、余生很长,想和你们一起走下去。
5、和宝藏女孩的快乐时光。
6、一个下午全是美好。
7、份臭妹妹。
8、开心就要咔次咔次。
9、一起变成可爱的老太太吧。
10、漂亮的让我面红的可爱女人。
11、和漂亮女孩的一天。
12、碰到女孩子合照,要说都超好看,这是规矩。
13、把心跳交给脸红,把你交给我。
14、我也是心尖女孩。
15、你懂我的奇奇怪怪,我明白你的可可爱爱。
16、我的闺蜜不准谈恋爱,要撩她先过俺这关。
17、女孩子的照片憋着不发会过期。
18、藏在家里的宝藏女孩。
19、较好的关系,有辛遇见,恰好合拍。
视频介绍
最近用CSS设计LOGO上瘾了,前两天分享了《教你使用纯CSS设计HTML5新LOGO》和《教你使用CSS3设计Opera浏览器LOGO》,今天在微博上看到有新浪的朋友用CSS3实现的新浪微博LOGO(如下图所示),一时手痒,就顺手也用CSS3实现了一个QQ的LOGO。
目前只支持Chrome观看,效果如下图所示:
主要用到的CSS3属性如下所示:
1、border-radius
CSS3中应用最普遍的属性,用于设置边框圆角,可以采用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属性实现的。
顺便提一句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
复制链接攻略资讯文章为拓城游所有,未经允许不得转载。
相关资讯MORE +
监狱高压电影在线观看完整免费高清原声满天星原名(菲律宾盐色满天星恐怖片震撼来袭!#因为一个片段看了整部剧)
网友2024-07-07 20:25
古墓丽影满天星版英文名字(古墓丽影:暗影 – 终极版Shadow of the Tomb Raider: Ultimate Edition)
网友2024-06-18 15:23
姐妹牙医是什么电视剧(53岁的美牙医,跟女儿同框像姐妹,看看她的“冻龄”套路)
网友2024-04-13 18:04
善良的小姨子讲的什么(演艺生涯及酸甜苦辣)
网友2024-02-29 18:37
姐妹牙医又名叫什么(53岁的美牙医,跟女儿同框像姐妹,看看她的“冻龄”套路)
网友2024-06-24 13:09
好游安利换一换