HTML5 Canvas 鼠标滑过3D动画背景

594 人浏览

2018-12-25 13:22:28

在网页中我们经常会设置元素的背景，简单点的设置背景颜色，复杂的就设置背景图片。今天给大家分享一个将HTML5 canvas动画作为网页背景的例子，将canvas置于文本底部，canvas上绘制很多3D图形，当我们将鼠标滑过背景时，canvas上的这些3D图形将会翻转，效果很酷。

在线演示源码下载

HTML5/CSS3 3D魔方动画

639 人浏览

发表回复

之前我们分享过不少基于HTML5和CSS3的3D立方体动画，大部分可以对6个面自由旋转，可以从不同的视角看到立方体的情况。这次我们分享的也是一款基于HTML5和CSS3的立方体，不过准确地说它是一个魔方，这不仅仅是给立方体每个面涂上颜色那么简单，你真的可以转动魔方，同样你可以在空白地方拖动来选择当前要查看的魔方面。

在线演示源码下载

jQuery事件循环滚动的时间轴插件

768 人浏览

发表回复

2018-12-23 10:31:42

今天给大家分享一款基于jQuery的时间轴插件，它的功能就像是扩展版的jQuery焦点图那样，不仅可以像时间轴那样沿着轴向前翻滚，而且可以点击按钮向前或者向后翻滚，这有点类似传统的焦点图插件，并且这些在时间轴上的事件可以循环滚动。

在线演示源码下载

纯CSS自适应响应式Table数据表格

1,215 人浏览

发表回复

2018-12-22 17:17:20

今天给大家分享一个用纯HTML和CSS实现的table表格，非常实用。首先，表格的头部采用了隔列换色的形式，表格的行也采用斑马式的交替颜色，这些都是通过CSS定义的，因此表格的外观看起来还不错。其次表格是自适应响应式的，当页面缩小到一定范围时，表头将以行的形式固定，数据可以水平拖动。整体来说，这个自定义表格用起来还是很不错的，你也可以定义自己喜欢的颜色风格。

在线演示源码下载

CSS3卡片3D翻转动画卡片带3D按钮

532 人浏览

发表回复

很多现代网站现在都喜欢用卡片式的风格，即在首页中将文章标题、内容和主题图片制作成卡片展示。今天这款就是基于CSS3的卡片动画，卡片中的元素可以是任意HTML元素，这里比较特别的是在文字下方显示一个3D按钮，同时当我们将鼠标滑过卡片时，卡片会呈现3D的翻转动画。

在线演示源码下载

HTML5 Canvas奇幻色彩Loading加载动画

554 人浏览

发表回复

之前我们分享过很多基于CSS3的Loading加载动画，通过CSS3的高级特性，可以制作出形态各异的Loading加载动画组件。今天给大家带来的这款Loading加载动画是基于HTML5 Canvas的，在canvas画布上，我们动态绘制许多多边形，这些多边形伴随着颜色的随机变化和旋转，形成了奇幻色彩的视觉效果，是一款非常炫酷的HTML5 Loading动画特效。

在线演示源码下载

CSS3鼠标滑过购物车图片切换可分享和搜索

468 人浏览

发表回复

2018-12-21 21:56:09

今天给大家分享一款很实用的CSS3购物车图片插件，它的功能是当你将鼠标滑过购物车图片时，图片会切换成另外一张图片，同时在图片上方产生一层带操作按钮的遮罩层，你可以定义分享、比较和搜索等操作，你也可以自己添加删除小按钮。

在线演示源码下载

基于jQuery的瀑布流图片筛选插件

585 人浏览

发表回复

2018-12-16 20:23:03

瀑布流的展现方式在目前的网页中用得越来越广泛，特别是图片和首页文章的动态加载。今天分享的这款就是基于jQuery的瀑布流图片筛选插件，我们可以点击图片分类名称，即可将对应分类下的图片以瀑布流的方式展示出来，这款插件在筛选图片上使用还是比较方便的。

在线演示源码下载

基于Layui的可自定义添加删除数据的表格处理插件

743 人浏览

发表回复

如何在网页上编辑表格数据，这通过自己编写JS和CSS实现都是比较麻烦的，jQuery有很多插件可以完成这种功能，比如这款jQuery简易版的Excel表格功能插件，就可以基本满足网页上的数据编辑。这次我们分享的这款插件是基于Layui的，layui 是一款采用自身模块规范编写的前端UI框架，这款表格插件可以允许你非常方便的添加、删除表格行数据，并且通过服务器接口进行保存。你只需要定制前端的数据列和后端的保存逻辑即可，数据交互均采用JSON格式。