作者：lindelof
译者：前端小智
起源:github
点赞再看，微信搜寻 【大迁世界】 关注这个没有大厂背景，但有着一股向上踊跃心态人。本文 GitHub https://github.com/qq44924588... 上曾经收录，文章的已分类，也整顿了很多我的文档，和教程材料。

1.imagehover

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

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

2. ImageTiltEffect

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

TiltEffect是一款让图像追随鼠标产生奥妙平面歪斜成果的插件，使其有层次感和深度感。

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

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

代码部署后可能存在的BUG没法实时晓得，预先为了解决这些BUG，花了大量的工夫进行log 调试，这边顺便给大家举荐一个好用的BUG监控工具 Fundebug。

原文：https://github.com/lindelof/a...

交换

文章每周继续更新，能够微信搜寻 【大迁世界 】 第一工夫浏览，回复 【福利】 有多份前端视频等着你，本文 GitHub https://github.com/qq449245884/xiaozhi 曾经收录，欢送Star。