工具猫
学无止境

html5

Web全景图的原理及实现-工具猫

Web全景图的原理及实现

工具猫阅读(527)

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

css中有一个非常强大的特性查询功能你可能很喜欢-工具猫

css中有一个非常强大的特性查询功能你可能很喜欢

工具猫阅读(428)

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

一款背景跟随鼠标移动的力导向粒子背景插件-工具猫

一款背景跟随鼠标移动的力导向粒子背景插件

工具猫阅读(453)

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

HTML5游戏公开课坦克大战视频汇总以及课堂代码开发手册下载-工具猫

HTML5游戏公开课坦克大战视频汇总以及课堂代码开发手册下载

工具猫阅读(1263)

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

canvas快速绘制圆形、三角形、矩形、多边形-工具猫

canvas快速绘制圆形、三角形、矩形、多边形

工具猫阅读(738)

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

玩转CSS3弹性盒Flex布局-工具猫

玩转CSS3弹性盒Flex布局

工具猫阅读(1026)

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

控制gif图片播放暂停插件-jquery.gif.js-工具猫

控制gif图片播放暂停插件-jquery.gif.js

工具猫阅读(1067)

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

强大且轻量级的视差滚动引擎Parallax.js-工具猫

强大且轻量级的视差滚动引擎Parallax.js

工具猫阅读(1097)

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

六款能实现视差滚动效果的jQuery插件-工具猫

六款能实现视差滚动效果的jQuery插件

工具猫阅读(1446)

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

CSS3 Transitions, Transforms和Animation使用简介与应用展示-工具猫

CSS3 Transitions, Transforms和Animation使用简介与应用展示

工具猫阅读(2360)

一、前言兼目录索引 《天龙八部》里的虚竹小和尚之前可以说是和尚的先进人物与代表模范,各类清规戒律谨记与严守。但是,后来呢,花姑娘送到跟前,什么戒律都成了浮云,禁不住诱惑享乐去了。啊,我现在似乎有类似的感觉,本来不打算深究CSS3的一些属性的...