17 个实用的图像特效库

开发 开发工具
TiltEffect是一款让图像跟随鼠标产生微妙立体倾斜效果的插件,使其有层次感和深度感。

[[337614]]

1.imagehover

地址:https://github.com/ciar4n/imagehover.css

imagehover.css- 纯CSS3鼠标滑过图片效果动画库,44种鼠标滑过效果

 

2. ImageTiltEffect

地址:https://github.com/codrops/ImageTiltEffect

TiltEffect是一款让图像跟随鼠标产生微妙立体倾斜效果的插件,使其有层次感和深度感。

[[337615]]

 

3.Magnifier.js

地址:https://github.com/mark-rolich/Magnifier.js

Magnifier 是一款实用纯js制作的图片放大镜插件。它有以下一些特定:

  • 可以使用鼠标滚轮放大缩小图片。
  • 可以通过js或data属性来设置选项。
  • 一次调用可以附加多张图片。
  • 用户可以自定义鼠标进入、离开、移动事件。
  • 加载大图片时可以显现等待文本。

 

4.gl-react-image-effects

地址:https://github.com/gre/gl-react-image-effects

通用的withReact示例应用程序与 Web。iOS和Android实现一起运行一个代码库( 一些特定的代码被设计成在平台上创建不同的UI )。

 

5.StickyImageEffect

受ultanoir网站启发的幻灯片显示,具有粘性图像效果。

地址:https://github.com/Anemolo/StickyImageEffect

 

6.HeatDistortionEffect

WebGL热变形效果全屏背景。

地址:https://github.com/lbebber/HeatDistortionEffect


 

7.ImageDraggingEffects

使用各种技术为图像设置的一组有趣的拖动效果。

地址:https://github.com/codrops/ImageDraggingEffects

 

8.jQuery.BgSwitcher

jQuery.BgSwitcher实现背景图像切换效果。

地址:https://github.com/rewish/jquery-bgswitcher

 

9.FullImageReveal

一个完整的图像显示精美的缩略图滑动效果。

地址:https://github.com/codrops/FullImageReveal

 

10.diaporama

Diaporama是一种图像/视频/内容幻灯片引擎,提供高质量的动画效果,包括Kenburns效果和GLSL Transitions。

地址:https://github.com/gre/diaporama

[[337619]]

 

11. FollowCursor

图像的旋转跟随光标移动而变化。

地址:https://github.com/bersLucas/FollowCursor

 

12.react-native-kenburns-view

KenBurns 用于React Native应用程序的图像效果

地址: https://github.com/nHiRanZ/react-native-kenburns-view

 

13.vintageJS

VINTAGEJS 是一个jQuery插件,它使用HTML5 canvas为你的图像/照片添加惊叹的复古效果。它预置了三种效果,并且可以很容易定制。

地址:https://github.com/lindelof/awesome-web-effect

 

14.ThumbnailGridExpandingPreview

有关如何使用扩展的图像预览创建缩略图网格的教程,类似于在Google图片上看到的效果。

地址:https://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/

 

15.gridder

一个jQuery插件,显示缩略图网格扩展预览,类似于在Google图片上看到的效果。

地址:https://github.com/oriongunning/gridder

 

16.MotionTransitionEffect

图像幻灯片的快速运动过渡效果。

地址:https://github.com/codrops/MotionTransitionEffect

 

17.tiltedpage_scroll

tiltedpage_scroll.js是一款支持鼠标滚动、设置图片角度的一款插件。当页面滚动的时候,图片会有倾斜3D的效果,作为产品展示是个不错的选择。

地址:http://peachananr.github.io/tiltedpage_scroll/demo/tiltedpage_scroll_demo.html

 

 

作者:lindelof 译者:前端小智 来源:github 原文:https://github.com/lindelof/awesome-web-effect

本文转载自微信公众号「大迁世界」,可以通过以下二维码关注。转载本文请联系大迁世界公众号。

 

责任编辑:武晓燕 来源: 大迁世界
相关推荐

2016-09-27 13:12:14

tar命令示例 Unix

2023-11-01 07:24:55

2020-09-01 08:43:48

特效库javascript按钮

2020-08-21 10:45:47

Linux命令文件

2020-05-12 11:35:53

JavaScript开源技术

2020-05-09 11:15:12

JavaScript图像处理 开源

2020-12-01 09:26:11

Linux 系统 运维

2023-04-07 16:11:56

前端开发

2023-06-04 17:13:26

.NET开发应用程序

2013-04-22 13:57:15

Android图像特效

2021-03-28 22:55:44

Python编程技术

2016-11-09 20:41:47

PHP图片切片图片压缩

2021-02-20 09:12:04

Linux技巧命令

2023-06-27 15:50:23

Python图像处理

2023-04-11 16:31:10

开发React 库Web

2022-09-01 23:17:07

Python编程语言开发

2020-07-03 07:58:01

开源开发软件

2013-01-04 16:17:33

Android开发图像特效图像处理

2023-03-07 16:09:08

2022-06-23 09:04:14

ReactHooks项目
点赞
收藏

51CTO技术栈公众号