工具猫
学无止境

标签:html5特效

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

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

工具猫阅读(328)

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

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

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

工具猫阅读(984)

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

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

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

工具猫阅读(1037)

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

html5特效-用Canvas模拟可撕裂布料效果-工具猫
html5

html5特效-用Canvas模拟可撕裂布料效果

工具猫阅读(2566)

这是一款借助 Canvas 的强大绘图和动画功能模拟可撕裂布料的html5特效,完整源码下载链接: http://pan.baidu.com/s/1kVG0dfx 密码: 65d6 效果预览图: index.html代码 <!DOCT...

页面滚动背景图片不动的原理及实现-工具猫
实用知识

页面滚动背景图片不动的原理及实现

工具猫阅读(1751)

以前看到一种页面滚动条在滚动,而背景图片却不动的效果,页面缓缓的下拉,背景也缓缓的切换,就像放电影一样,后来才知道这叫视差滚动(Parallax Scrolling),作为一种优雅酷炫的页面展示的方式,视差滚动(Parallax Scrol...

html5特效-鼠标悬浮在图片上以及移动时的动画-工具猫
html5

html5特效-鼠标悬浮在图片上以及移动时的动画

工具猫阅读(1565)

这是一款鼠标悬浮在图片上以及鼠标在图片上移动时的动画,总共有8个特效,完整源码下载: http://pan.baidu.com/s/1pLLH3M7 密码: kvp5 效果预览 部分js代码: (function() { var tiltS...

html5特效-css3页面元素切换墨水喷墨效果-工具猫
html5

html5特效-css3页面元素切换墨水喷墨效果

工具猫阅读(1439)

css3页面元素切换墨水喷墨效果,层元素弹出关闭时超好看的墨水喷墨特效,下载:层元素弹出关闭时超好看的墨水喷墨特效完整源码下载  密码: qm34 下面是预览图 style.css代码部分:  /* --------------------...

html5特效-超酷炫幻灯片切换动画-工具猫
html5

html5特效-超酷炫幻灯片切换动画

工具猫阅读(1344)

html5特效之超酷炫幻灯片切换动画,完整源码下载地址:http://pan.baidu.com/s/1nuL5cjJ 密码: q1dv index.js部分代码: (function() { var $$ = function(selec...

html5特效-全屏幻灯片切换动画,支持拖拽-工具猫
html5

html5特效-全屏幻灯片切换动画,支持拖拽

工具猫阅读(1133)

html5全屏幻灯片切换动画的特效,支持拖拽,完整源码下载地址: http://pan.baidu.com/s/1nvwcLxJ 密码: dmgr 效果预览图如下: index.js部分代码: $(document).ready(funct...

html5特效-动态散花背景-工具猫
html5

html5特效-动态散花背景

工具猫阅读(1685)

一款很酷炫的HTML5动态散花背景特效分享给大家。 直接贴源码下载链接,不方便下载的请看下文完整源码: http://pan.baidu.com/s/1nu8DLgt 密码: gsxc 效果预览图如下: html代码: <!DOCTY...