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

css3实现动态摩天轮旋转效果demo

css3实现动态摩天轮旋转效果demo @keyframes left-top { from {transform: translate rotateZ translateY translateY rotateZ rotateZ; } to {transform: translate rotateZ translateY translateY rotateZ rotateZ; } } @
  摩天轮特效 css3特效 demo
 122  0

h5实现动态动画暂停功能demo

h5实现动态动画暂停功能demovar pause = false; $.click { pause = !pause; }) var $box = $; $box.css"); setInterval { if {return; } var rad = Number.match); rad += 1; if {rad -= 360; } $box.css"); }, 10)
  动画暂停 动画特效
 92  0

h5实现将canvas转换成图片demo

###** . 将图片绘制到画布之上**解释:    1. 简单来说,就是将一张图的某个区域,画到画布上的某个区域;    2. 和ctx.fillStyle = pattern不同的是,pattern是将图片作为背景,该背景位置是固定的,画图只是显示那背景某个区域;    3. 而本方法画图是取图的全部/一部分(比如400x400的,取
  canvas图片 转换图片 demo
 131  0

html5实现canvas绘制折线图实例demo

 #使用canvas绘图###**绘图前提**1. 先有一个canvas的html标签:```<canvas></canvas>```2. 标签通常请客下,只有height和width两个宽高属性,     例如:```<canvas width='200' height='200'></canvas&gt
  canvas绘图 html5 demo
 82  0

3D房屋特效demo

基于css实现的3d房屋效果,可以使用按键进行移动 function TurnLeft() { //先增加Y轴旋转角度 rotate.rotateY -= 5; if {rotate.rotateY -= 360; } if {rotate.rotateY += 360; } //目前已知旋转角度rotate.rotateY,圆半径1,可以求得点B的X轴和Y轴坐标 rot
  3d 特效 demo
 180  0

基于js实现的黑夜模式统计特效demo

本项目是基于js实现的统计模式。可以通过点击模式  进行切换。下面是具体的界面效果和操作方式。欢迎下载使用。const checkbox = document.querySelectorif ').matches) { checkbox.setAttribute}checkbox.addEventListener { if { document.body.classList.rem
  统计 js特效 图标特效
 117  0

基于Jquery实现图片筛选和banner特效排版

基于Jquery实现图片筛选和banner特效排版,本实例可以实现,banner图片特效展示如下图。还有图片分类tab,以及通过顶部分类 点击主动筛选等功能。需要的小伙伴可以下载进行测试使用。本实例已经经过实例吧测试banner特效效果 图片搜索Slick.prototype.removeSlide = Slick.prototype.slickRemove = function { var _
  筛选图片 banner 特效
 115  0

基于Jquery实现消息通知

这是一款基于 jQuery 的通知插件,用于创建像 Ubuntu 的 Notify OSD 那样的半透明通知。 可以很容易地插入到jQuery 中。 带有排队的多个通知 不显眼和简约 将鼠标悬停在通知上时通知变得透明 你甚至可以通过点击通过下面链接他们/按钮通知! 简单的API 主题化和可配置 可修改的全局默认值 轻量级$.click {var that = this;$.disable()
  消息通知 jquery特效
 91  0

基于js实现OCR拍照功能组件

步骤 #1 - MediaDevices.getUserMedia()MediaDevices.getUserMedia 是一个浏览器 API,它允许 Web 应用程序访问用户的摄像头和麦克风。在MDN上阅读更多内容。第 2 步 - glfx.js,JCrop glfx.js用于图像效果。裁剪功能由 jQuery 插件Jcrop 提供第 3 步 - Tesseract.js&nbsp
  拍照 照片 图片 ocr
 171  0

jQuery的图片展示插件imgZoomAndRotate

imgZoomAndRotate是一款基于jQuery的图片展示插件。该图片展示插件支持图片循环切换,缩放,旋转,拖拽。
  图片预览 图片展示
 304  0

带视觉差效果的网格图片预览布局

这是一款带视觉差效果的网格图片预览布局。该特效中,每个分类的图片在页面中以网格的方式布局,在点击相应的菜单项后,图片会以炫酷动画方式上下进行切换。点击切换按钮可以展开查看所有的大图。
  网格布局 视觉差
 262  1

带随机展开动画特效的jquery网格图片布局

这是一款带随机展开动画特效的jquery网格图片布局。该图片网格布局中,每张图片带有一个阴影底色,当鼠标悬停在图片上面时,阴影底色会移动到图片下面。当点击了一副图片,该图片会全屏放大,其它图片则以随机动画的方式变小淡出。
  图片动画 网格布局
 114  0

jQuery和CSS3鼠标悬停超链接文字动画特效

这是一款jQuery和CSS3鼠标悬停超链接文字动画特效。该特效共6种特效,分别是在鼠标HOVER或悬停在超链接文字上面时,超链接产生炫酷动画特效。
  文字动画 超链接动画 鼠标悬停
 251  0

jQuery和CSS3图片展示动画特效

这是一款jQuery和CSS3图片展示动画特效。该特效使用GSAP和ScrollMagic来制作页面向下或向上滚动时的动画效果。
  图片展示,图片效果
 109  0

简洁实用的jQuery进度条插件

这是一款简洁实用的jQuery进度条插件。该插件使用简单,通过在页面中放置指定的HTML代码,即可生成带动画效果的进度条。
  进度条
 133  0

基于anime.js的动感圆形轮播图特效

这是一款基于anime.js的动感圆形轮播图特效。该轮播图特效在切换时,图片沿着圆形的路径进行轮播,并且各种图片之间的运动速度的差异,形成了视觉差特效。
  轮播图 纯js
 170  0

jQuery轮播图插件slider-pro

slider-pro是一款模块化、响应式、支持移动设备的jQuery轮播图插件。该jQuery轮播图插件提供各种配置参数和方法,可以快速的创建多种模式的轮播图特效。
  轮播图 幻灯片
 249  0

js和css3带反光特效的按钮插件

这是一款js和css3带反光特效的按钮插件。该特效是在鼠标移动时,按钮和附近的按钮有光线的明暗效果,类似黑暗中一束光线照射到了按钮上的3D光照效果。
  按钮 反光特效
 64  0

jQuery和CSS3精美时钟插件

这是一款jQuery和CSS3精美时钟插件。该插件使用简单,易于扩展,采用响应式设计,可以制作出非常逼真的时钟效果。
  时钟 时钟插件
 129  0

基于HTML5 SVG的炫酷进度条插件

这是一款基于HTML5SVG的炫酷进度条插件。该插件使用SVG作为花纹图案,通过js和css来制作非常炫酷的进度条特效。
  svg 进度条
 155  0