资讯频道 → Web前端
阅读更多

11顶
0踩

Web前端

原创新闻 21 款超棒的 CSS3 效果

2012-10-10 17:08 by 见习编辑 tyygming 评论(6) 有18028人浏览
CSS3 HTML5

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

CSS3能够帮助你开发出超棒的动画和特效，你是不是想了解究竟它能够帮助你创建多么具有冲击力的web设计和动画吗？看看我们这一组精心收集的CSS3在线演示吧，绝对给你视觉上的强烈冲击。你可以通过点击小标题的链接来查看演示和源码。

1.  On/Off FlipSwitch

一个超棒的在线制作纯CSS3开关的应用，不使用图片，也能生成漂亮的动态开关。包含了iOS、Android、BlackBerry等风格。



2.  CSS3家谱

CSS3实现的家族图谱。



3.  Zocial CSS3按钮

一套带有icon的免费CSS3按钮，相信肯定能找到你喜欢的类型。



4.  Carve Me

一个生成浮雕效果的CSS3演示。



5.  Bokeh

超棒的CSS3渐变光晕效果。



6.  Monster

移动鼠标你看到什么效果了吗？



7.  Tilt Shift

CSS3的超酷字体效果。



8.  I Love Blur

一个很棒的CSS3模糊效果。



9.  Flashlight

一个CSS3手电筒光照效果。



10.  Icons

CSS3生成的超靓图标。



11.  Solar System

模拟太阳系的CSS3效果。



12.  Leica



13.  3D Domo



14.  3D iPhone

使用CSS3实现的3D iPhone手机。



15.  Mac OSX Lion

CSS3苹果操作系统效果。



16.  Loading Loop Set

一个CSS3粒子动画效果展示。



17.  Responsive Illustration

缩放浏览器看看有什么变化吧。



18.  Portals

一个CSS3时光隧道展示。



19.  Bowie

一个CSS3字符眨眼特效。



20.  Focus

一个CSS3文字聚焦效果。



21.  Rain

CSS3字符变换效果。


来自: www.gbin1.com
11
顶
0
踩
评论 共 6 条 请登录后发表评论
6 楼 nianshi 2012-10-12 11:45
好似没一个实用的。。。。。。。。。。。
5 楼 wangguo 2012-10-12 09:50
jiaqian0118 写道
有源码吗，可以下载吗

可以通过点击小标题的链接来查看演示和源码
4 楼 jiaqian0118 2012-10-11 22:38
有源码吗，可以下载吗
3 楼 angus_lucky 2012-10-11 17:35
好玩的东西！！
实用性不知道强不强
2 楼 icrwen 2012-10-11 13:26
效果非常不错！
1 楼 kowen 2012-10-11 10:49
cool 不够字数补齐

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 一个故事看懂内存条工作原理

    我是一个内存条，刚刚从深圳的一个工厂里被生产出来，跟我一起的还有一批小伙伴，长得跟我一模一样，下了流水线后我们就被扔进了一处黑暗的角落。“这是哪里啊，黑漆漆的”，一个小伙伴说到。“这里是内存条仓库”，...

  • 我是一个硬盘（转）

    我是一个硬盘。 在一个普普通通的台式机里工作。别人总认为我们是高科技白领，工作又干净又体面，似乎风光得很。也许他们是因为看到洁白漂亮的机箱才有这样的错觉吧。其实象我们这样的小台式机，工作环境狭迫，里面...

  • 我是一个硬盘（很感人）

    我是一个硬盘。在一个普普通通的台式机里工作。别人总认为我们是高科技白领，工作又干净又体面，似乎风光得很。也许他们是因为看到洁白漂亮的机箱才有这样的错觉吧。其实象我们这样的小台式机，工作环境狭迫，里面的...

  • 一文看懂分布式存储架构

    传统的存储也称为集中式存储， 从概念上可以看出来是具有集中性的，也就是整个存储是集中在一个系统中的，但集中式存储并不是一个单独的设备，是集中在一套系统当中的多个设备，比如下图中的 EMC 存储就需要几个...

  • 转：很经典的-我是一个硬盘

    > 我是一个硬盘. > 在一个普普通通的台式机里工作。别人总认为我们是高科技白领，工作又干净又体 > 面，似乎风光得很。也许他们是因为看到洁白漂亮的机箱才有这样的错觉吧。其实 > 象我们这样的小台式机，工作环境狭...

  • 我是一个硬盘[转,每次看都感觉很特别]

    我是一个硬盘。在一个普普通通的台式机里工作。别人总认为我们是高科技白领，工作又干净又体面，似乎风光得很。也许他们是因为看到洁白漂亮的机箱才有这样的错觉吧。其实象我们这样的小台式机，工作环境狭迫，里面...

  • 我是一个硬盘(别以为是笑话，其实很感人)

    我是一个硬盘.  在一个普普通通的台式机里工作。别人总认为我们是高科技白领，工作又干净又  体面，似乎风光得很。也许他们是因为看到洁白漂亮的机箱才有这样的错觉吧。其  实象我们这样的小台式机，工作环境...

  • 我是一个硬盘(转自北大未名)

    我是一个硬盘。在一个普普通通的台式机里工作。别人总认为我们是高科技白领，工作又干净又体面，似乎风光得很。也许他们是因为看到洁白漂亮的机箱才有这样的错觉吧。其实象我们这样的小台式机，工作环境狭迫，里面的...

  • 我是一个硬盘

    我是一个硬盘。  在一个普普通通的台式机里工作。别人总认为我们是高科技白领，工作又干净又体面，似乎风光得很。也许他们是因为看到洁白漂亮的机箱才有这样的错觉吧。其实象我们这样的小台式机，工作环境狭迫，...

  • 谁都能看懂的计算机启动过程boot

    一个超明显的例子就是显存，以Intel的x86架构为例，0xB8000就是显存的地址，你往这个地址下写字符就是能在显示器上显示出来，从这个地址开始，每两个字节被解释为显示在屏幕上的一个字符，这第一个字节表示要显示...

  • mysql 缓解竞争热点_我是Redis，MySQL大哥被我害惨了！

    “大家好，我是 Redis，一个叫 Antirez 的男人把我带到了这个世界上......图片来自 Pexels我是 Redis，MySQL 大哥被我害惨了说起我的诞生，跟关系数据库 MySQL 还挺有渊源的。在我还没来到这个世界上的时候，MySQL ...

  • 一个让人感伤又温馨的计算机故事：我是一个硬盘

    先是在一个转载基本不给出处网站上看到了本文的硬盘和内存部分，觉得挺好，于是按原文标题在 Google 中查找来源，发现 2007 年有篇个人博客中有更全的内容。搭档提示说，文章时代可能会更久远，于是多次换了关键词，...

  • 我是一个硬盘(上)

    我是一个硬盘 我是一个硬盘，st380021a，在一个普普通通的台式机里工作。别人总认为我们是高科技白领，工作又干净又体面，似乎风光得很。也许他们是因为看到洁白漂亮的机箱才有这样的错觉吧。其实象我们这样的小...

  • 基于springboot+Web的毕业设计选题系统源码数据库文档.zip

    基于springboot+Web的毕业设计选题系统源码数据库文档.zip

  • 垃圾分类数据集：四大类垃圾，有害垃圾、可回收垃圾、厨余垃圾、其他垃圾，共四千张左右，包含小米电池等不寻常的垃圾

    四大类垃圾，有害垃圾、可回收垃圾、厨余垃圾、其他垃圾，共四千张左右，包含小米电池等不寻常的垃圾，适用于2025工程实践与创新能力大赛。

  • C#ASP.NET在线培训考试系统源码数据库 SQL2000源码类型 WebForm

    ASP.NET在线培训考试系统源码 1、增加错题卡功能 2、升级html功能 3、系统代码，数据库，数据库存储过程等，都无任何加密，是全部源码。 4、优化升级版本，界面更美观。 一、技术特点： 1、系统基于微软先进的.Net平台，100%纯B/S架构模式，系统部署、维护方便，具有良好的开放性、伸缩性和可扩展性 2、系统试卷分为考试模式和作业模式，考试模式自动计时，作业模式不计时，可用于平常作业或练习；试卷出题方式可采用题序固定、题序随机或试题随机模式；试卷显示方式分为整卷模式和逐题模式；试题随机和逐题模式可有效防止作弊； 3、支持自定义题型功能，系统提供单选类、多选类、判断类、填空类、问答类、作文类、打字类和操作类等八大类基本题型，其中操作类试题提供了文件下载和上传功能，轻松实现Word、Excel、FrontPage、Visual Foxpro等对文件或文件夹的操作； 4、系统可对试题的科目、知识点、题型、难度、分数、试题内容和试题解析等属性进行设置，单选类、多选类试题支持6个选项，完全可以满足当前试题要求，少于6个选项，

  • onnxruntime-1.15.1-cp310-cp310-win_amd64.whl

    onnxruntime-1.15.1-cp310-cp310-win_amd64.whl

  • numpy-1.16.0-cp35-cp35m-linux_armv7l.whl

    numpy-1.16.0-cp35-cp35m-linux_armv7l.whl

  • AI视频数据集（交通路口摄像头视频）

    AI视频数据集（交通路口摄像头视频）

  • java源码资源EJB中JNDI的使用源码例子

    java源码资源EJB中JNDI的使用源码例子提取方式是百度网盘分享地址

Global site tag (gtag.js) - Google Analytics