分享7款*的CSS3动画特效_html/css_WEB-ITnose
今天我们来分享一款基于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
上一篇: 更快的方式实现PHP数组去重
下一篇:
~请教
推荐阅读
一款简洁的纯css3代码实现的动画导航_html/css_WEB-ITnose
一款纯css3实现的机器人看书动画效果_html/css_WEB-ITnose
8套迷人精致的CSS3 3D按钮动画_html/css_WEB-ITnose
一款简洁的纯css3代码实现的动画导航_html/css_WEB-ITnose
基于CSS3制作的鼠标悬停动画菜单_html/css_WEB-ITnose
css3文字导航鼠标悬停气泡动画特效源码下载_html/css_WEB-ITnose
css3文字导航鼠标悬停气泡动画特效源码下载_html/css_WEB-ITnose
基于css3的3D立方体旋转特效_html/css_WEB-ITnose
基于css3 transition图文动画显示特效_html/css_WEB-ITnose
使用jQuery timelinr和animate.css创建超酷的CSS动画时间轴特效_html/css_WEB-ITnose