html5

2018-10-17工具猫阅读(1574)

今天发现一个非常有趣的js插件Wow.js，允许用户滚动页面的时候展示 CSS 动画。默认的，用户可以使用它来出发 animate.css 动画。但是用户也可以非常容易修改设置喜欢的动画库。Wow.js 比其他 JavaScript 视差插...

2017-08-16工具猫阅读(2873)

全景图的基本原理 全景图是一种广角图。通过全景播放器可以让观看者身临其境地进入到全景图所记录的场景中去。比如像是这个。这种看起来很高大上的效果其实背后的原理并不复杂。 通常标准的全景图是一张2：1的图像，其背后的实质就是等距圆柱投影。等距圆...

2017-07-26工具猫阅读(2350)

CSS中有一个你可能还没有听说过的工具。 它功能强大。已经存在有一段时间了。并且它可能会成为您最喜欢的关于CSS的新事物之一。 看，它就是@supports规则。 也称为特性查询。 使用@supports，您可以在CSS中编写一个小测试，以...

2017-07-06工具猫阅读(4630)

移动端的普及极大的推动了HTML5的发展，基于HTML5的背景效果也层出不穷，其中有一款背景跟随鼠标移动的力导向粒子背景插件很是酷炫，这里分享给大家。 本文的主角就是Particleground，它是一款时髦的jquery粒子系统背景插件，...

2017-01-27工具猫阅读(3059)

终于把HTML5游戏公开课之坦克大战的视频全部发布完毕了，有朋友想要课堂代码，于是特意发文把之前发的视频教程汇总一下，顺便把视频中用到的所有资源都分享给大家，希望对大家有所帮助。今天是大年三十了，恭祝大家新年快乐，万事如意！！！  ...

2017-01-01工具猫阅读(3034)

本文看点：使用canvas来绘制常见的各种图形实例，并且会简单封装一下绘制各图形的方法，最后会分享给大家一个封装好的快速绘制多边形的方法。 开始之前 //获取canvas容器 var can = document.getElementByI...

2016-12-31工具猫阅读(3467)

在头条看到一篇关于弹性盒Flex布局的文章，觉得讲的不错，就拿来分享给大家，原文地址：http://www.toutiao.com/a6369341153062011137/ 关于Flex布局教程本来比较推崇阮一峰写的两篇文章，大家有兴趣可...

2016-12-25工具猫阅读(3423)

插件描述：jquery.gif.js是一款可以对Gif图片进行预览和播放的jQuery插件。 源码下载： http://pan.baidu.com/s/1dF0xRfb 密码: bmga 效果预览： 简要教程 jquery.gif.js是一...

2016-12-17工具猫阅读(3562)

Parallax.js是一款功能非常强大的javascript视觉差特效引擎插件。通过这个视觉差插件可以制作出非常炫酷的视觉差特效。它可以检测智能设备的方向。你可以将它作为jQuery插件来使用，也可以以纯JS的方式来使用。 演示地址   ...

2016-12-16工具猫阅读(3072)

之前发布了一篇 视差滚动的实现原理详解 的文章，今天再分享六款能实现视差滚动效果的jQuery插件，原文地址为：http://www.jb51.net/article/31259.htm 在网页设计中，视差滚动（Parallax Scrol...