作者:lindelof
译者:前端小智
起源:github
有幻想,有干货,微信搜寻 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。
本文 GitHub https://github.com/qq449245884/xiaozhi 已收录,有一线大厂面试残缺考点、材料以及我的系列文章。
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 已收录,有一线大厂面试残缺考点、材料以及我的系列文章。