1、CSS3 SVG文字背景动画 超酷的文字特效

今天我们来分享一款基于CSS3和SVG的文字特效，文字的背景可以定义一些动画特效，在背景动画播放的同时，我们还可以选中文字。本示例让文字背景展示水波和火焰的动画特效，当然你还可以利用SVG的特点来制作其他炫酷的背景动画。

在线演示

源码下载

2、CSS3下划线跟随动画菜单 背景色渐变

今天我们要来分享一款CSS3菜单，这款菜单的特点就是有一条下划线跟随鼠标移动，当鼠标滑过菜单项时，下划线跟随动画就会出现，并对当前激活的菜单项进行下划线加粗。另外，菜单项的背景色也有渐变的动画效果，菜单整体看上去非常酷。

在线演示

源码下载

3、CSS3手势变换动画特效

这款CSS3动画非常特别，它展现在我们眼前的是一只手掌，手掌下方有一个滑动按钮，点击按钮即可切换手势，目前可以切换两种不同的手势。这款CSS3手势变换动画还是相当酷的.

在线演示

源码下载

4、基于Bootstrap的CSS3面包屑菜单

今天我们来分享一款基于Bootstrap的CSS3面包屑菜单，面包屑菜单导航可以嵌入到网站中，可以帮助用户进行网站各级目录之间的跳转。这款面包屑菜单的色彩沿用了bootstrap的风格，十分清新自然，并且利用CSS3特性，让菜单项进行圆角处理，整体变得很圆润。

在线演示

源码下载

5、纯CSS3实现圆盘时钟动画

今天我们继续为大家分享一款更酷的纯CSS3实现的圆盘时钟动画，这款时钟动画在初始化的时候就有动画特效，包括圆盘的形成，还有时钟指针的形成，都赋予了非常酷的动画色彩。

在线演示

源码下载

6、HTML5/CSS3 3D下拉折叠菜单 3D子菜单

这回要分享的是一款很有特色的CSS3菜单，它不仅具有下拉菜单的特点，而且，下拉的子菜单是3D的折纸效果，看起来是挺酷而且简单的HTML5/CSS3下拉菜单。

在线演示

源码下载

7、动感的CSS3 Loading文字特效

这是一款非常帅的CSS3 Loading加载动画，尽管看上去只有Loading这几个字母，但是利用CSS3特性，可以把这几个字母渲染得非常动感。

在线演示

源码下载

本文固定链接: http://www.i7758.com/archives/1196.html

分享7款顶级的CSS3动画特效的更多相关文章

  1. Magic CSS3 一款独特的CSS3动画特效包

    插件描述: Magic CSS3 Animations  动画是一款独特的CSS3动画特效包,你可以自由地使用在您的网页中.只需简单的在页面上引入 CSS 文件:  magic.css  或者压缩版本 ...

  2. 分享9款用HTML5/CSS3制作的动物人物动画

    1.纯CSS3绘制可爱的蚱蜢 还有眨眼动画 今天我们要分享一个利用纯CSS3绘制的蚱蜢动画,非常可爱. 在线演示 源码下载 2.HTML5 Canvas头发飘逸动画 很酷的HTML5动画 HTML5 ...

  3. 分享9款很有创意的HTML5动画

    1.HTML5 SVG Loading 动画加载特效 这是一款基于HTML5/CSS3和SVG的Loading加载动画特效,一共有4种不同的动画效果.每一组Loading动画都非常可爱,他们都非常欢快 ...

  4. css3动画特效：上下晃动的div

    css3动画特效:上下晃动的div <div id="square" class="container animated">上下晃动</div ...

  5. CSS Animatie是一款在线制作CSS3动画的工具，可以在线直接制作CSS3动画效果，生成代码

    CSS Animatie是一款在线制作CSS3动画的工具,可以在线直接制作CSS3动画效果,生成代码 CSS Animatie 彩蛋爆料直击现场 CSS Animatie是一款在线制作CSS3动画的工 ...

  6. 分享8款最新HTML5/CSS3功能插件及源码下载

    1.HTML5/CSS3鬼脸表情下拉菜单 超级可爱 这款HTML5/CSS3鬼脸表情下拉菜单真的很特别,虽然菜单的实现并没有利用复杂的HTML5/CSS3技术,但是创意的确不错. 在线演示 源码下载 ...

  7. 10 款精美的 CSS3 全新特效

    大家都知道,在网页制作时使用CSS技术,可以有效地对页面的布局.字体.颜色.背景和其它效果实现更加精确的控制.只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和 ...

  8. 分享8款绚丽的HTML5/jQuery特效插件

    有几天没有分享前端资源了,今天要向大家分享15款非常给力的HTML5/jQuery特效插件,废话少说,一起来看看. 1.CSS3图片重力感应特效 很酷的一款CSS3模拟重力感应特效,你可以拖动图片来甩 ...

  9. 用CSS3动画特效实现弹窗效果

    提示:如果大家觉得本篇实现的弹窗效果有用,可持续关注.接下会添加更多效果并且封装成插件,这样使用就方便了.效果查看: https://heavis.github.io/hidialog/index.h ...

随机推荐

  1. dsPIC33EP timer1 初始化设置及应用

    //文件 p33timer1.h #ifndef _P33TIMER1_H_ #define _P33TIMER1_H_ //#include "p33timer1.h" #def ...

  2. [STAThread]的含义

    Posted on 2007-07-07 10:06 桦林 阅读(33100) 评论(10) 编辑 收藏 [STAThread]STAThread:Single     Thread     Apar ...

  3. JS后退, JS返回上一页, JS返回下一页

    Javascript 返回上一页: 1. history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.fo ...

  4. [Javascript] 面向对象编程思想

    1.创建对象 1.1 new 用new进行创建对象: var user = new Object(); user.age = 12;//同时为对象添加属性 user.name = 'ajun'; 1. ...

  5. [Java] webservice soap,wsdl 例子

    java 调用webservice的各种方法总结 现在webservice加xml技术已经逐渐成熟,但要真正要用起来还需时日!! 由于毕业设计缘故,我看了很多关于webservice方面的知识,今天和 ...

  6. remove all .git files and directories use one command

    find . -type d -name ".git" | xargs rm -rf

  7. Android小项目之十二 设置中心的界面

    ------- 源自梦想.永远是你IT事业的好友.只是勇敢地说出我学到! ---------- 按惯例,写在前面的:可能在学习Android的过程中,大家会和我一样,学习过大量的基础知识,很多的知识点 ...

  8. Android Studio常用快捷键汇总（mac）

    查看原文:http://blog.csdn.net/u010818425/article/details/52266195 mac上按键符号 ⌥ : option / alt ⇧ : shift ⌃ ...

  9. Django中创建自己的Context_Processors

    在settings.py中有一个变量TEMPLATE_CONTEXT_PROCESSORS 一般它担任对我们的模板页面与环境进行处理解析的过程   比如原来默认的django不能在template中使 ...

  10. CALayer 简单操作和实际应用

    1.CALayer //每一个UIView,都存在一个CALayer.(主层) //CALayer的功能 描边,圆角,阴影... //CALayer 属于QuartzCore绘图框架 //明明有UIC ...