20个纯css3写的logo

2024-05-19 03:12:25

2019独角兽企业重金招聘Python工程师标准>>>

随着对css3了解得越深入，越来越发现了css3的强大。css3不但能完成一些基本的特效如圆角阴影等，还能借助动画技术实现一些复杂的动画，能替代很多以前js才能完成的工作，css3的作用还不止于此，甚至一些复杂的图片也能通过css3实现，没有做不到，只有想不到。在逛国外的一些前端设计网站时发现一些国外牛人的奇思妙想--用纯粹的css3画的一些公司的Logo,不得不承认国外的技术比国内要先进很多。

下面是收集到的一些纯css3写的logo

先给出下载地址

下载地址

下面的示例请在支持css3的浏览器下查看。

1.abn

纯css3实现的logo-abn

查看示例

2.addidas

纯css3实现的logo-addidas

查看示例

3.adobe

纯css3实现的logo-adobe

查看示例

4.android

纯css3实现的logo-android

查看示例

5.apple

纯css3实现的logo-apple

查看示例

6.atari & animated pong

纯css3实现的logo-atari & animated pong

查看示例

7.bp

纯css3实现的logo-bp

查看示例

8. cbs

纯css3实现的logo-cbs

查看示例

9.cloud9

纯css3实现的logo-cloud9

查看示例

10.colorvivo

纯css3实现的logo-colorvivo

查看示例

11.designmodo

纯css3实现的logo-designmodo

查看示例

12.dribbble

纯css3实现的logo-dribbble

查看示例

13.fotopersbureau ldb prod

纯css3实现的logo-fotopersbureau ldb prod

查看示例

14.magento

纯css3实现的logo-magento

查看示例

15.mcdonald

纯css3实现的logo-mcdonalds

查看示例

16.mctutorial

纯css3实现的logo-mctutorial

查看示例

17.nike

纯css3实现的logo-nike

查看示例

18.persi

纯css3实现的logo-persi

查看示例

19.twiter

纯css3实现的logo-twiter

查看示例

20.windows

纯css3实现的logo-windows

查看示例

转载于:https://my.oschina.net/xiaopihailaotou/blog/167333

20个纯css3写的logo相关推荐

纯CSS3写的10个不同的酷炫图片遮罩层效果【转】
这个是纯CSS3实现的的10个不同的酷炫图片遮罩层效果,可以欣赏一下在线预览下载地址实例代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ...
css3怎么设置logo,纯CSS3实现的LOGO标志 ABN AMRO CSS3 logo
纯CSS3实现的LOGO标志 ABN AMRO CSS3 logo demo by js.alixixi.com #abnamro .canvas { background-color: #f2f2f ...
纯CSS3写的10个不同的酷炫图片遮罩层效果
这个是纯CSS3实现的的10个不同的酷炫图片遮罩层效果,可以欣赏一下在线预览下载地址实例代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ...
用纯CSS3实现QQ LOGO
在微博上看到有新浪的朋友用CSS3实现的新浪微博LOGO(如下图所示),一时手痒,就顺手也用CSS3实现了一个QQ的LOGO. Demo的地址见:http://namepk.sinaapp.com/q ...
20个HTML5/CSS3超酷应用
http://www.gbtags.com/gb/share/2818.htm?utm_source=tuicool 20个HTML5/CSS3超酷应用 #文章 CSS3 HTML5 jQuery 申 ...
20个HTML5/CSS3超酷应用(附免积分下载地址)
免积分下载地址:http://download.csdn.net/detail/yangwei19680827/6956667 1.HTML5视频破碎重组特效强大视觉冲击 HTML5视频播放器很多, ...
纯CSS3实现写轮眼进化动画特效，在别的素材网站要20积分哟，不过我在这里的就直接免费输出了
纯CSS3实现写轮眼进化动画特效 html <body><div class="container"><div cl ...
vue 图片被背景色覆盖_如何使用纯css3打造有点意思的故障艺术(附React/Vue加强组件版)...
前言很早之前就看到国外很多酷炫的网站在实践"故障艺术", 或者错位动画", 感觉非常有意思, 现在APP端的抖音启动界面有着这种设计的影子, 作为一名用于探索未知的前端 ...
html页面小宠物代码大全,纯css3实现宠物小鸡实例代码
最近看了很多关于css3的知识和文章,觉得css3用起来很方便,使用css3的话,在页面布局上可以省去很多不必要的代码.所以最近用css3仿写了我每天都照顾的宠物小鸡的模样,第一次写,有些细节处理的不 ...

最新文章

热门文章