`

一些纯css3写的公司logo

阅读更多

 

 

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

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

先给出下载地址

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

1.abn

纯css3实现的logo-abn

纯css3实现的logo-abn

查看示例

2.addidas

纯css3实现的logo-addidas

纯css3实现的logo-addidas

查看示例

3.adobe

纯css3实现的logo-adobe

纯css3实现的logo-adobe

查看示例

4.android

纯css3实现的logo-android

纯css3实现的logo-android

查看示例

5.apple

纯css3实现的logo-apple

纯css3实现的logo-apple

查看示例

6.atari & animated pong

纯css3实现的logo-atari & animated pong

纯css3实现的logo-atari & animated pong

查看示例

7.bp

纯css3实现的logo-bp

纯css3实现的logo-bp

查看示例

8. cbs

纯css3实现的logo-cbs

纯css3实现的logo-cbs

查看示例

9.cloud9

纯css3实现的logo-cloud9

纯css3实现的logo-cloud9

查看示例

10.colorvivo

纯css3实现的logo-colorvivo

纯css3实现的logo-colorvivo

查看示例

11.designmodo

纯css3实现的logo-designmodo

纯css3实现的logo-designmodo

查看示例

12.dribbble

纯css3实现的logo-dribbble

纯css3实现的logo-dribbble

查看示例

13.fotopersbureau ldb prod

纯css3实现的logo-fotopersbureau ldb prod

纯css3实现的logo-fotopersbureau ldb prod

查看示例

14.magento

纯css3实现的logo-magento

纯css3实现的logo-magento

查看示例

15.mcdonald

纯css3实现的logo-mcdonalds

纯css3实现的logo-mcdonalds

查看示例

16.mctutorial

纯css3实现的logo-mctutorial

纯css3实现的logo-mctutorial

查看示例

17.nike

纯css3实现的logo-nike

纯css3实现的logo-nike

查看示例

18.persi

纯css3实现的logo-persi

纯css3实现的logo-persi

查看示例

19.twiter

纯css3实现的logo-twiter

纯css3实现的logo-twiter

查看示例

20.windows

纯css3实现的logo-windows

纯css3实现的logo-windows

查看示例 

 

分享到:
评论

相关推荐

    纯CSS3绘制中国联通logo图标样式.zip

    实现效果: ... 纯CSS3绘制中国联通logo图标样式,通过css3的属性来制作中国联通的logo,还有动画的效果,非常适合企业网站或者电商网站中的logo设计,让网站变的更加美观、酷炫。php中文网推荐下载!

    纯CSS3制作中国联通logo图标样式.zip

    "纯CSS3制作中国联通logo图标样式.zip" 这个标题指出,这是一个使用纯CSS3技术实现的中国联通公司标志的图形样式。CSS3是层叠样式表(Cascading Style Sheets)的第三版,它为网页设计带来了许多新的功能和改进,...

    懒人原生纯CSS3实现chrome浏览器logo效果

    之前给大家推荐了一个用CSS3实现的太极旋转的团效果,今天再给大家推荐一个用CSS3实现的谷歌chrome标志的效果。同时,也可以实现自我旋转效果 全程没有使用一点js或者图片,纯html+css代码实现的效果 使用方法...

    纯css实现的html5 logo 标志

    用纯css实现的html5 logo 标志,主要用css3和html技术

    纯css3绘制的变形金刚logo图标样式效果源码.zip

    "纯css3绘制的变形金刚logo图标样式效果源码"这个标题指出,这是一个使用CSS3技术来创建变形金刚(Transformers)标志的代码资源。变形金刚是著名的科幻电影和玩具系列的标志,而“纯css3”意味着整个设计没有依赖...

    纯CSS打造的17个Logo(Apple、Android、Windows等)

    【纯CSS打造的17个Logo(Apple、Android、Windows等)】 在Web开发领域,CSS(层叠样式表)是用于控制网页元素外观的重要工具。这篇内容将深入探讨如何利用CSS来创建知名的公司Logo,如Apple、Android和Windows等。...

    纯CSS3绘制的中国联通动态logo图标样式源码.zip

    本资源"纯CSS3绘制的中国联通动态logo图标样式源码.zip"正是基于这一技术,提供了创建中国联通动态Logo的详细代码,使得开发者可以深入理解并学习如何利用CSS3的特性来构建动态的视觉元素。 首先,CSS3的新特性包括...

    纯CSS3绘制可爱小男孩动画 超酷面部表情

    之前我们分享过几个纯CSS3动画特效,比如纯CSS3人物行走动画就非常酷,还有纯CSS3 Android Logo动画绘制也很酷。今天我们又要来分享一款纯CSS3绘制的可爱小男孩动画,除了绘制的小男孩逼真可爱外,其面部表情也十分...

    css3 android logo

    用纯css3实现的带简单动画的css3 android logo,

    纯CSS3实现苹果设备 iPhone iPad iMac iWatch

    在本项目中,我们将探讨如何使用纯CSS3技术来创建苹果公司的各类设备的模拟界面,包括iPhone、iPad、iMac以及iWatch。这个项目对于学习和展示CSS3的强大功能非常有帮助,特别是对于那些希望提升网页设计技能或者构建...

    网页模板——纯CSS3绘制的中国联通动态logo图标样式源码.zip

    【标题】中的“网页模板——纯CSS3绘制的中国联通动态logo图标样式源码”表明了这个压缩包包含的是一份使用纯CSS3技术制作的中国联通Logo的动态效果模板。CSS3是层叠样式表(Cascading Style Sheets)的第三版,它极...

    CSS3 Canvas绘制LOGO图案一例.rar

    CSS3 Canvas绘制LOGO图案一例,也就是大家熟悉的标志、标示图案,用纯HTML5的Canvas来绘制生成,并非图片,本代码重点演示HTML5 Canvas的用法,对Canvas感兴趣的朋友,你可不要错过。

    纯CSS3实现苹果iphone6手机模型特效.zip

    在本项目中,“纯CSS3实现苹果iPhone6手机模型特效.zip”是一个压缩包,其中包含了一个使用纯CSS3技术创建的苹果iPhone6手机模型的示例。这个效果旨在通过HTML和CSS3的组合,模拟出iPhone6的外观和一些基本交互,如...

    纯CSS3+js写的小米手机的web版模型机(附加简单的电话功能)

    里面手机的外形和小米LOGO还有下面的导航键完全是用CSS3写的 当然,屏幕上面的桌面背景是一张图片 【由于时间原因,我只在firefox高版本下面测试过】 下面是代码下载,本人是初学者,如果觉得写的不好的勿喷,...

    纯CSS3绘制可爱的蚱蜢 还有眨眼动画

    今天我们要分享一个利用纯CSS3绘制的蚱蜢动画,非常可爱,之前我们也分享过很多利用纯CSS3绘制的人物、动物等很有特点的效果,比如纯CSS3绘制可爱小男孩动画、纯CSS3 Android Logo动画绘制等。这款CSS3蚱蜢还有眨眼...

    纯css3制作精美的购物优惠券样式代码

    在本文中,我们将深入探讨如何使用纯CSS3技术来创建精美的购物优惠券样式。CSS3作为现代网页设计的关键组成部分,提供了丰富的样式控制和动画效果,使得我们可以不用依赖JavaScript或者其他图像编辑工具,就能构建出...

    一款利用纯css3实现的win8加载动画的实例分析

    标题“一款利用纯CSS3实现的Win8加载动画的实例分析”指的是一个具体的实例教程,专注于讲解如何仅使用CSS3技术来创建类似Windows 8操作系统的加载动画效果。描述中提到,这是一篇分享CSS3动画实例的教程文章,尤其...

Global site tag (gtag.js) - Google Analytics