当前位置: 首页» JS特效» 其他实例»

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

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

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

仿网易云音乐外链播放器UI的HTML5音乐播放器插件

APlayer是一款仿网易云音乐外链播放器UI的HTML5音乐播放器插件。APlayer音乐播放器可以自定义歌曲封面,可以自定义同步歌词等,界面时尚大方,是一款非常好的HTML5音乐播放器插件。
  音乐播放器 播放器
 43  0

基于SVG的轻量级js圆形进度条插件

circles是一款基于HTML5SVG的轻量级JavaScript圆形进度条插件。该圆形进度条具有响应式,可动画等特点,并且可以制作出圆形进度条进入视口才开始动画的效果。
  svg 圆形进度条 纯js
 59  0

基于Canvas和SVG的创意地图路径与页面内容互动特效

这是一款非常有创意的地图路径与页面内容互动特效。该特效中,当用户向下滚动页面的时候,画布中的地图上的路径会产生路径动画,实际效果是地图的路径从A点动画到B点时,页面中显示的是B点的地理风景图片和文字介绍。
  canvas svg 路径动画 互动
 58  0

基于SVG和animate.css的炫酷文字动画效果

这是一款效果非常炫酷的基于SVG和animate.css的炫酷文字动画效果。该效果中的文字和边框路径都使用SVG来制作,然后通过animate.css和walkway.js分别制作文字动画和SVG路径动画。
  css3动画 文字动画 svg
 57  0

photomosaic.js-基于Canvas的纯JS图片马赛克插件

photomosaic.js是一款基于HTML5canvas的图片马赛克js插件。该图片马赛克插件使用简单,可调整马赛克的大小,透明度等属性,适合用于制作一些特殊的图片效果。
  canvas 纯js 马赛克
 56  0