jQuery之家
自由分享jQuery、html5和css3的插件库
这是一款使用6种不同的视觉差效果混合在一起来组成一个HTML5滚动视觉差特效页面。该视觉差特效分为:页面头部图片视觉差,文字视觉差,图片列表视觉差,图片画廊视觉差等,效果非常的炫酷。
这是一款基于HTML5 SVG的炫酷文字波浪特效。该文字波浪动画特效在文字中使用SVG遮罩和CSS混合模式来制作波浪运动的效果,就像文字中有一片海洋一样,效果非常酷。
这是一款基于HTML5 SVG的轻量级jQuery进度条插件。该进度条插件使用简单,它提供了一些基本的参数来控制进度条的外观和动画,是一款非常实用的进度条插件。
这是一款效果非常炫酷的基于TweenMax和SVG的炫酷弹性进度条动画特效。该弹性进度条特效在点击触发按钮之后,按钮会变形为进度条,然后一个滑块在它上面滑动,就像重物滑过绳子的感觉,非常有创意。
svgripples是一款效果非常炫酷的基于SVG的Material Design风格按钮点击波特效。该点按钮击波特效共有4种不同的效果,分别为:圆形波,圆形渐变波,多边形波和线性渐变波。特效中通过TweenMax.js和SVG相结合,制作出邻人惊叹的点击波效果。
jquery-drawsvg是一款轻量级的使用jQuery来绘制SVG图形轮廓线路径动画的插件。该插件使用jQuery内置的动画引擎来使SVG元素中path元素产生动画,其底层实现使用的是stroke-dasharray和stroke-dashoffset属性。
deck-of-cards是一款非常炫酷的HTML5扑克牌卡片动画类库。它使用纯js和CSS3来实现洗牌,发牌等功能。在这个效果的演示中,扑克牌使用SVG来制作,共给出了5种功能的演示效果。
这是一款使用HTML5 SVG制作的效果炫酷的半圆形页面头部图片滚动变形动画特效。该特效使用SVG路径来剪裁图片,制作为半圆形的样式。并在页面滚动时动态调整曲线的弧度,制作变形效果。
这是一款基于HTML5 SVG制作的路径过渡动画幻灯片特效。该幻灯片特效使用SVG路径来剪裁幻灯片中的图片,制作出幻灯片切换时不规则的图形变换效果。