随着对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

查看示例

一些纯css3写的公司logo的更多相关文章

  1. 纯CSS3写的10个不同的酷炫图片遮罩层效果【转】

    这个是纯CSS3实现的的10个不同的酷炫图片遮罩层效果,可以欣赏一下 在线预览 下载地址 实例代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ...

  2. 纯CSS3写的10个不同的酷炫图片遮罩层效果

    这个是纯CSS3实现的的10个不同的酷炫图片遮罩层效果,可以欣赏一下 在线预览 下载地址 实例代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1 ...

  3. 纯css3写的仿真图书翻页效果

    对css3研究越深入,越觉得惊艳.css3说不上是万能的,但是它能实现的效果也超出了我的想象.它的高效率和动画效果的流畅性很多情况下能替代js的作用.个人习惯css3能实现的效果就不会用js,虽然在国 ...

  4. 使用纯css3写出来的表情包 (^v^)

    效果如图所示: 不多说,我们直接一个一个来写出,主要列出每个表情的结构,样式我们统一写出,基本全部会用到,颜色以及结构可以根据自己的需求来调整.(里面可是没有一张图片的哦) 页面预览:http://2 ...

  5. 纯CSS3写一个立方体并在鼠标悬停的时候无限循环旋转

  6. 【Web前沿技术】纯 CSS3 打造的10个精美加载进度条动画

    之前向大家介绍8款优秀的 jQuery 加载动画和进度条插件,今天这篇文章向大家推荐10个纯 CSS3 代码实现精美加载进度条动画效果的方案.加载动画和进度条在网站和 Web 应用中的使用非常流行,特 ...

  7. 举重若轻流水行云，前端纯CSS3实现质感非凡的图片Logo鼠标悬停(hover)光泽一闪而过的光影特效

    原文转载自「刘悦的技术博客」https://v3u.cn/a_id_197 喜欢看电影的朋友肯定会注意到一个有趣的细节,就是电影出品方一定会在片头的Logo环节做一个小特效:暗影流动之间光泽一闪而过, ...

  8. 纯CSS3实现的一些酷炫效果

    之前在网上看到一些用纯CSS3实现的酷炫效果,以为实现起来比较困难,于是想看看具体是怎么实现的. 一.笑脸猫动画 实现效果如下: 这个实现起来确实比较麻烦,很多地方需要花时间,有耐心地调整. 1.先看 ...

  9. 纯CSS3带动画效果导航菜单

    随着互联网的发展,网页能表现的东西越来越多.由最开始单纯的文字和链接构成的网页,到后来的表格布局,再到div+css模式,现在发展到了html+css3.网页能表达的东西越来越多,css3兴起已经很多 ...

随机推荐

  1. 线上问题 - MySQL SQL state [HY000]; error code [1366]

    一.问题描述 另外一个系统调用服务接口api:/xxx/create?aName=&time=&...,数据没有保存成功提示SQL state [HY000]; error code ...

  2. 即时通讯UI－聊天界面（UITableView显示左右两人聊天）

    目录 1.创建UITableView对象并设置相关属性 2.创建cellModel模型 //枚举类型 typedef enum { ChatMessageFrom = ,//来自对方的消息 ChatM ...

  3. Spinner学习

    我暂且把Spinner称作下拉选择框吧,先来看一下它的效果: 在layout文件中添加Spinner的代码如下: <Spinner android:id="@+id/planets_s ...

  4. IOS笔记 #pragma mark的用法和作用（方便查找和导航代码）

    简单的来说就是为了方便查找和导航代码用的.   下面举例如何快速的定位到我已经标识过的代码.     #pragma mark 播放节拍器 - (void) Run:(NSNumber *)tick{ ...

  5. 更改cmd代码页，修正语言显示

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 rem 英文 chcp 437   rem 日文 chcp 932   rem 简体中文 chcp 936   re ...

  6. spring_150803_component

    实体类: package com.spring.model; public class DogPet { private int id; private String name; private in ...

  7. C++函数默认参数

    C++中允许为函数提供默认参数,又名缺省参数. 使用默认参数时的注意事项: ① 有函数声明(原型)时,默认参数可以放在函数声明或者定义中,但只能放在二者之一 double sqrt(double f ...

  8. Array.prototype.slice.call(document.querySelectorAll('a'), 0)

    Array.prototype.slice.call(document.querySelectorAll('a'), 0)的作用就是将一个DOM NodeList 转换成一个数组. slice()方法 ...

  9. 291. Word Pattern II

    题目: Given a pattern and a string str, find if str follows the same pattern. Here follow means a full ...

  10. CentOS开机自动运行程序的脚本

    有些时候我们需要在服务器里设置一个脚本,让他一开机就自己启动.方法如下: cd /etc/init.dvi youshell.sh   #将youshell.sh修改为你自己的脚本名编写自己的脚本后保 ...