分享7款顶级的CSS3动画特效
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动画特效的更多相关文章
- Magic CSS3 一款独特的CSS3动画特效包
插件描述: Magic CSS3 Animations 动画是一款独特的CSS3动画特效包,你可以自由地使用在您的网页中.只需简单的在页面上引入 CSS 文件: magic.css 或者压缩版本 ...
- 分享9款用HTML5/CSS3制作的动物人物动画
1.纯CSS3绘制可爱的蚱蜢 还有眨眼动画 今天我们要分享一个利用纯CSS3绘制的蚱蜢动画,非常可爱. 在线演示 源码下载 2.HTML5 Canvas头发飘逸动画 很酷的HTML5动画 HTML5 ...
- 分享9款很有创意的HTML5动画
1.HTML5 SVG Loading 动画加载特效 这是一款基于HTML5/CSS3和SVG的Loading加载动画特效,一共有4种不同的动画效果.每一组Loading动画都非常可爱,他们都非常欢快 ...
- css3动画特效：上下晃动的div
css3动画特效:上下晃动的div <div id="square" class="container animated">上下晃动</div ...
- CSS Animatie是一款在线制作CSS3动画的工具，可以在线直接制作CSS3动画效果，生成代码
CSS Animatie是一款在线制作CSS3动画的工具,可以在线直接制作CSS3动画效果,生成代码 CSS Animatie 彩蛋爆料直击现场 CSS Animatie是一款在线制作CSS3动画的工 ...
- 分享8款最新HTML5/CSS3功能插件及源码下载
1.HTML5/CSS3鬼脸表情下拉菜单 超级可爱 这款HTML5/CSS3鬼脸表情下拉菜单真的很特别,虽然菜单的实现并没有利用复杂的HTML5/CSS3技术,但是创意的确不错. 在线演示 源码下载 ...
- 10 款精美的 CSS3 全新特效
大家都知道,在网页制作时使用CSS技术,可以有效地对页面的布局.字体.颜色.背景和其它效果实现更加精确的控制.只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和 ...
- 分享8款绚丽的HTML5/jQuery特效插件
有几天没有分享前端资源了,今天要向大家分享15款非常给力的HTML5/jQuery特效插件,废话少说,一起来看看. 1.CSS3图片重力感应特效 很酷的一款CSS3模拟重力感应特效,你可以拖动图片来甩 ...
- 用CSS3动画特效实现弹窗效果
提示:如果大家觉得本篇实现的弹窗效果有用,可持续关注.接下会添加更多效果并且封装成插件,这样使用就方便了.效果查看: https://heavis.github.io/hidialog/index.h ...
随机推荐
- iOS 2D绘图详解（Quartz 2D）之阴影和渐变(Shadow,Gradient)
前言:这个系列写道这里已经是第五篇了,本文会介绍下阴影和渐变的基础知识,以及一些基本的Demo Code展示,应该还会有两篇,介绍下Bitmap绘制以及Pattern等知识. Shadow shado ...
- cocos2d-x 2.2 移植wp8遇到的坑
这两天正在将之前的一款cocos2d游戏,移植到wp平台上,这里记录一下所遇到的问题以及解决方法. 我是用的cocos2d下面的例子程序进行修改的. 遇到的第一个问题是资源路径的问题,当时我把解决方案 ...
- Cocos2d-html5 笔记4: 粒子
今天看了cocos2d-html5里面的粒子系统相关的代码,首先看了代码中引用的两篇文章, 这两篇文章google上都可以搜到pdf的. The Ocean Spray in Your Face [j ...
- VS环境下搭建自己NuGet服务器
一.NuGet服务端的搭建 环境:.NET 4.5 + VS2015 + NuGet.Server 2.10.1 1.建一个空的Web项目,取名叫NuGetServer 2.通过NuGet安装NuGe ...
- js获得控件位置
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWid ...
- Debian的定时执行命令Crontab
转载:http://i.592.net/?post=276 Debian的定时执行命令Crontab,这个相当于Windows的计划任务 想要让Debian定时执行命令就得靠crontab了! ...
- ALM/QC OTA Field in Database(查询ALM数据库的字段)
在使用ALM的OTA接口编写脚本的时候,通常会需要知道各个选项在数据库中对应的字段,才能通过脚本读取或写入数据.比如要获取test case的step内容,要在测试结束时将测试实际结果写回test s ...
- LeetCode42 Trapping Rain Water
题目: Given n non-negative integers representing an elevation map where the width of each bar is 1, co ...
- ios UIWebView截获html并修改便签内容（转载）
ios UIWebView截获html并修改便签内容 博客分类: iphone开发iphone开发phoneGap uiwebviewstringByEvaluatingJavaScriptFromS ...
- 【HTML5 2】《html5 开发精要与实例讲解》 step1 -- 导读
一.教程重点:以 综合性案例 为导向,辅之以 精要知识点 二.内容概况: 第1部分:通过 大小型案例 对 各重要知识点 进行详细讲解 第2部分:jWebSocket.RGraph.WebGL 三个重要 ...