当前位置: 首页» JS特效»

HTML5 SVG响应式路径过渡动画幻灯片特效

这是一款基于HTML5SVG制作的路径过渡动画幻灯片特效。该幻灯片特效使用SVG路径来剪裁幻灯片中的图片,制作出幻灯片切换时不规则的图形变换效果。
  svg 响应式 幻灯片
 58  0

HTML5 SVG制作滚动变形的半圆形页面头部特效

这是一款使用HTML5SVG制作的效果炫酷的半圆形页面头部图片滚动变形动画特效。该特效使用SVG路径来剪裁图片,制作为半圆形的样式。并在页面滚动时动态调整曲线的弧度,制作变形效果。
  svg 变形 html5 svg
 44  0

HTML5炫酷扑克牌卡片动画类库

deck-of-cards是一款非常炫酷的HTML5扑克牌卡片动画类库。它使用纯js和CSS3来实现洗牌,发牌等功能。在这个效果的演示中,扑克牌使用SVG来制作,共给出了5种功能的演示效果。
  动画 扑克牌
 64  0

HTML5轻量级绘制SVG轮廓线路径动画插件

jquery-drawsvg是一款轻量级的使用jQuery来绘制SVG图形轮廓线路径动画的插件。该插件使用jQuery内置的动画引擎来使SVG元素中path元素产生动画,其底层实现使用的是stroke-dasharray和stroke-dashoffset属性。
  svg 线条动画 路径动画 html5 svg
 88  0

4种基于SVG的Material Design风格按钮点击波特效

svgripples是一款效果非常炫酷的基于SVG的MaterialDesign风格按钮点击波特效。该点按钮击波特效共有4种不同的效果,分别为:圆形波,圆形渐变波,多边形波和线性渐变波。特效中通过TweenMax.js和SVG相结合,制作出邻人惊叹的点击波效果。
  Material Design svg 点击波
 47  0

基于SVG路径动画的全屏模态窗口特效

这是一款基于SVG路径动画的全屏模态窗口特效。该模态窗口通过同时动画多个SVG路径,制作出非常时尚的模态窗口背景展开动画效果。
  模态窗口 svg 路径动画
 52  0

基于TweenMax和SVG的炫酷弹性进度条动画特效

这是一款效果非常炫酷的基于TweenMax和SVG的炫酷弹性进度条动画特效。该弹性进度条特效在点击触发按钮之后,按钮会变形为进度条,然后一个滑块在它上面滑动,就像重物滑过绳子的感觉,非常有创意。
  svg 进度条 弹性效果
 53  0

HTML5 SVG轻量级jQuery进度条插件

这是一款基于HTML5SVG的轻量级jQuery进度条插件。该进度条插件使用简单,它提供了一些基本的参数来控制进度条的外观和动画,是一款非常实用的进度条插件。
  svg 进度条
 77  0

基于HTML5 SVG的炫酷文字波浪动画特效

这是一款基于HTML5SVG的炫酷文字波浪特效。该文字波浪动画特效在文字中使用SVG遮罩和CSS混合模式来制作波浪运动的效果,就像文字中有一片海洋一样,效果非常酷。
  文字特效 svg
 40  0

使用6种不同视觉差特效的HTML5页面设计效果

这是一款使用6种不同的视觉差效果混合在一起来组成一个HTML5滚动视觉差特效页面。该视觉差特效分为:页面头部图片视觉差,文字视觉差,图片列表视觉差,图片画廊视觉差等,效果非常的炫酷。
  视觉差 ui设计 页面设计
 72  0

基于HTML5 canvas的简单抽奖轮盘

这是一款非常简单的基于HTML5canvas的抽奖轮盘特效。该抽奖轮盘中的所有元素都使用canvas代码来生成,可以设置轮盘的旋转速度和衰减速度来控制轮盘的转动效果。
  canvas 抽奖 html5 canvas
 46  0

HTML5全屏背景视频jQuery插件

vidbg是一款基于HTML5的全屏背景视频jQuery插件。通过该jQuery插件可以在容器中插入视频,也可以将视频作为页面的全屏背景。该视频插件使用简单,兼容IE9以上的浏览器。
  背景视频 视频 html5视频
 41  0

基于HTML5 Cancas的jQuery温度计插件

jquery-plugin-tempgauge是一款基于HTML5Cancas的jQuery温度计插件。使用该插件可以生成温度计的外观样式,并将指定的温度度数转换为温度计的颜色刻度。
  canvas 温度计
 47  0

基于WebGL的超逼真雨点水滴打落屏幕特效

这是一款基于WebGL的超逼真雨点打落屏幕特效。该雨点打落屏幕特效有3种效果,分别是雨点打落玻璃窗口效果,雨滴滑落特效和带视频播放的雨滴效果。
  WebGL canvas 雨滴
 50  0

实用绘制和动画SVG描边路径的JavaScript插件

segment.js是一款非常实用的绘制和制作SVG描边路径动画的JavaScript插件。该插件最大的特点是可以只绘制和动画某一段SVG路径,你可以在参数中指定需要动画那一段SVG路径。
  描边动画 路径动画 svg路径
 49  0

HTML5 SVG汉堡包菜单按钮分段动画特效

这是一款效果非常炫酷的HTML5SVG汉堡包菜单按钮分段动画特效。该菜单按钮特效在用户点击汉堡包按钮时,按钮会分割为多段,并旋转变形为关闭按钮的状态。当再次点击该按钮时,它会逆向变形为汉堡包图标。
  描边动画 路径动画 svg路径
 35  0

基于HTML5 Canvas的EAN13条形码生成插件

jQuery.EAN13.js是一款基于HTML5Canvas的EAN13条形码生成插件。该EAN13条形码插件可以配合jQuery来使用,也可以通过纯JavaScript来进行调用。通过该插件可以非常轻松的在页面上生成EAN13条形码。
  canvas 条形码
 43  0

基于Snap.svg炫酷按钮变形为音乐播放器特效

这是一款仿Shazam音乐网站的按钮变形为音乐播放器的特效。该特效使用Snap.svg来制作动画,开始时只有一个按钮,当用户点击了该按钮后,按钮变形为圆形,并且出现一些音乐符号飘到按钮里面,最后按钮变形为音乐播放器界面。
  按钮 svg 音乐播放器
 52  0

Material design风格HTML5 audio音频播放器

jAudio.js是一款基于HTML5audio的Materialdesign风格音频播放器jQuery插件。该音频播放器可以设置音频播放列表,每首曲子的封面,标题等,还可以控制歌曲的播放和快进,而且它使用上非常简单。
  Material Design 音频播放器
 73  0

实现HTML5 SVG拖拽的JavaScript库插件

svg.draggy.js是一款可以实现拖拽SVG的JavaScript工具库插件。该SVG工具库插件通过简单的设置,就可以实现任何SVG图形的拖拽互动。你可以设置SVG元素的拖动范围和拖动残影效果。
  拖拽 svg 纯js
 37  0