首页

html5动效系列二十六:分享几款HTML5 动画图表

蓝蓝

一款基于HTML5 Canvas的折线图表,这款HTML5折线图表的特点有两个,一个是图表是有动画效果的,即在图表初始化的时候带有动画;第二个是这个HTML5折线图表可以让你动态添加数据节点,并且用折线平滑地连接,Canvas是这款折线图的一个画板。

html5-canvas-animated-line

html5动效系列二十五:纯CSS3响应式分页插件

蓝蓝

这次我们要来看一款纯CSS3实现的响应式分页插件,对于分页插件,之前我们也分享过一些,都是基于jQuery分页插件。这款CSS3分页插件可以完全自定义分页条的样式,包括鼠标滑过时的背景颜色、页码的数量以及前后翻页的按钮。

css3-responsive-paging

html5动效系列二十四:分享几款CSS3菜单导航

蓝蓝

这是一款基于纯CSS3的菜单导航,这款菜单非常有个性,菜单背景是一页古老的笔记本纸张,菜单项像是浮动的文字一样嵌入在纸张上。鼠标滑过菜单项时会出现不同的背景线条,显得相当可爱。这款CSS3菜单导航非常适合在个人博客中使用。

css3-menu-personal

html5动效系列二十三:基于HTML5 Canvas的图表插件Chart.js

蓝蓝

chart.js是一款基于HTML5 Canvas的图表插件,chart.js的功能非常强大,它不仅提供了常见的柱形图、折线图、饼状图,而且还提供了环形图、雷达图,样式外观多样,图表的色彩搭配也比较清新。chart.js还有一个特点就是图表在初始化的时候有弹性动画,这也是HTML5 Canvas的一大功劳。

chartjs-html5-canvas

html5动效系列二十二:HTML5 Canvas折线图表和柱形图表

蓝蓝

今天要分享的一款HTML5 Canvas图表应用提供了折线图和柱形图两种,这款HTML5图表在初始化数据的时候有一种渐现的动画,我们可以将这款图表应用在统计页面上。

html5-line-and-column-chart

html5动效系列二十一:CSS3 3D旋转下拉菜单

蓝蓝

这是一款带有3D动画的CSS3菜单,该菜单有以下几个特点:首先是菜单时基于CSS3的,因此浏览器兼容性都还可以;其次这款菜单支持二级下拉菜单,功能上也基本能满足大部分开发者;最后这款菜单最大的亮点在于展开下拉菜单时,子菜单可以旋转的展开和收缩,给人3D的视觉效果。

html5动效系列二十:HTML5 SVG世界地图 地图可拖拽和缩放

蓝蓝

前我们已经向大家分享过一些基于HTML5的地图应用,比如jQuery矢量SVG地图插件JVectorMap,以及这款HTML5/CSS3带区域地图的联系表单。今天要分享的这款HTML5地图应用是一张世界地图,地图元素是使用SVG绘制的,并且地图可以拖拽和局部缩放,效果非常不错。

html5-svg-world-map

html5动效系列十九:纯CSS3实现质感发光动画按钮

蓝蓝

之前我们分享过很多漂亮的网页按钮动画,大家可以移步至CSS3按钮分类下查看各种各样的CSS3按钮。这次要分享的这款CSS3按钮有着质感的背景,并且鼠标滑过按钮时按钮边框还会发光,呈现出3D立体的视觉效果。

pure-css3-texture-shine-button

html5动效系列十八:HTML5/CSS3鼠标悬停动画菜单按钮

蓝蓝

这次要分享的也是一款不错的CSS3动画按钮,当我们将鼠标滑过按钮时,按钮会展现不同方式的动画效果,大家可以具体看看演示。

css3-hover-button-animation

html5动效系列十七:HTML5/CSS3鼠标悬停动画菜单按钮

蓝蓝

今天要给给位分享一款基于CSS3的鼠标悬停动画菜单按钮,这款菜单是由一个个小按钮组成,当我们将鼠标滑过菜单项时,按钮上的图标将出现悬浮的动画。

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档