1。imagehover地址：https://github.com/ciar4n/imagehover.cssimagehover.css-纯CSS3鼠标悬停图片效果动画库，44种鼠标悬停效果2.ImageTiltEffect地址：https://github.com/codrops/ImageTiltEffectTiltEffect是一个插件，可以让图像跟随鼠标产生微妙的三维倾斜效果，给人一种层次感和纵深感。3、Magnifier.js地址：https://github.com/mark-rolich/Magnifier.jsMagnifier是一款纯js制作的实用图片放大镜插件。它具有以下特点：可以使用鼠标滚轮放大和缩小图片。可以通过js或数据属性设置选项。一次通话中可以附加多张图片。用户可以自定义鼠标进入、离开、移动事件。加载大图像时可以显示等待文本。4.gl-react-image-effects地址：https://github.com/gre/gl-react-image-effects一般用React示例应用和Web。iOS和Android实现与一个代码库一起运行（一些特定代码旨在在平台上创建不同的UI）。5.StickyImageEffect受ultanoir网站启发的幻灯片，具有粘性图像效果。地址：https://github.com/Anemolo/StickyImageEffect6.HeatDistortionEffectWebGL热变形效果全屏背景。地址：https://github.com/lbebber/HeatDistortionEffect7.ImageDraggingEffects使用各种技术为图像设置一组有趣的拖动效果。地址：https://github.com/codrops/ImageDraggingEffects8.jQuery.BgSwitcherjQuery.BgSwitcher实现背景图片切换效果。地址：https://github.com/rewish/jquery-bgswitcher9.FullImageReveal一张完整的图片显示一个漂亮的缩略图滑动效果。地址：https://github.com/codrops/FullImageReveal10.diaporamaDiaporama是一个图像/视频/内容幻灯片引擎，提供高质量的动画效果，包括Kenburns效果和GLSLTransitions。地址：https://github.com/gre/diaporama11。FollowCursor图像的旋转随着光标的移动而变化。地址：https://github.com/bersLucas/FollowCursor12.react-native-kenburns-viewKenBurnsReactNative应用程序的图像效果URL：https://github.com/nHiRanZ/react-native-kenburns-view13。vintageJSVINTAGEJS是一个jQuery插件，它使用HTML5画布为您的图像/照片添加令人惊叹的复古效果。它带有三个效果预设，可以轻松定制。地址：https://github.com/lindelof/awesome-web-effect14.ThumbnailGridExpandingPreview关于如何创建带有扩展图像预览的缩略图网格的教程，类似于在GoogleImages上看到的效果。地址：https://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/15.gridder一个显示缩略图网格展开预览的jQuery插件，类似于在GoogleImages上看到的效果。地址：https://github.com/oriongunning/gridder16.MotionTransitionEffect图片幻灯片的快速运动过渡效果。地址：https://github.com/codrops/MotionTransitionEffect17.tiltedpage_scrolltiltedpage_scroll.js是一个支持鼠标滚动和设置图片角度的插件。滚动页面时，图片会有倾斜的3D效果，是产品展示的不错选择。地址：http://peachananr.github.io/tiltedpage_scroll/demo/tiltedpage_scroll_demo.html作者：lindelof译者：前端小智来源：github原文：https://github.com/lindelof/awesome-web-effect这个文章转载自微信公众号“大千石狮”，可通过以下二维码关注。转载本文请联系大千世界公众号。
