search
Homeheadlines[Recommended] 17 image special effects libraries to improve user experience

[Recommended] 17 image special effects libraries to improve user experience

1.imagehover

Address: https://github.com/ciar4n/imagehover.css

imagehover. css- Pure CSS3 mouse-over image effect animation library, 44 kinds of mouse-over effects

[Recommended] 17 image special effects libraries to improve user experience

2. ImageTiltEffect

Address: https://github.com/codrops/ImageTiltEffect

TiltEffect is a plug-in that allows the image to follow the mouse to produce a subtle three-dimensional tilt effect, giving it a sense of layering and depth.

[Recommended] 17 image special effects libraries to improve user experience

3.Magnifier.js

Address: https://github.com/mark-rolich/Magnifier.js

Magnifier is a practical picture magnifying glass plug-in made in pure js. It has the following specific features:

  • You can use the mouse wheel to zoom in and out of the picture.

  • Options can be set through js or data attributes.

  • Multiple pictures can be attached with one call.

  • Users can customize mouse entry, departure, and movement events.

  • Waiting text can be displayed when loading large images.

[Recommended] 17 image special effects libraries to improve user experience

4.gl-react-image-effects

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

Universal withReact sample application and the web. The iOS and Android implementations run together a code base (some specific code is designed to create different UI on the platform).

[Recommended] 17 image special effects libraries to improve user experience

[Recommended] 17 image special effects libraries to improve user experience

##5.StickyImageEffect

Slideshow inspired by ultanoir website, with stickiness Image effects.

Address: https://github.com/Anemolo/StickyImageEffect

[Recommended] 17 image special effects libraries to improve user experience

6.HeatDistortionEffect

WebGL Heat distortion effect full screen background.

Address: https://github.com/lbebber/HeatDistortionEffect

[Recommended] 17 image special effects libraries to improve user experience

7.ImageDraggingEffects

Use An interesting set of dragging effects set for images using various techniques.

Address: https://github.com/codrops/ImageDraggingEffects

[Recommended] 17 image special effects libraries to improve user experience

##8.jQuery.BgSwitcher

jQuery.BgSwitcher implements background image switching effect.

Address: https://github.com/rewish/jquery-bgswitcher

[Recommended] 17 image special effects libraries to improve user experience

9.FullImageReveal

A complete image display with beautiful thumbnail sliding effect.

Address: https://github.com/codrops/FullImageReveal

[Recommended] 17 image special effects libraries to improve user experience

10.diaporama

Diaporama is an image/video/content slideshow engine that provides high-quality animation effects, including Kenburns effects and GLSL Transitions.

Address: https://github.com/gre/diaporama

[Recommended] 17 image special effects libraries to improve user experience##11. FollowCursor

image The rotation changes as the cursor moves.

Address: https://github.com/bersLucas/FollowCursor

##12.react-native-kenburns-view[Recommended] 17 image special effects libraries to improve user experience

KenBurns Image effects for React Native applicationsAddress: https://github.com/nHiRanZ/react-native-kenburns-view

13.vintageJS[Recommended] 17 image special effects libraries to improve user experience

VINTAGEJS is a jQuery plugin that uses HTML5 canvas to add stunning vintage effects to your images/photos. It comes with three preset effects and can be easily customized. Address: https://github.com/lindelof/awesome-web-effect

[Recommended] 17 image special effects libraries to improve user experience

14.ThumbnailGridExpandingPreview

Tutorial on how to create a thumbnail grid with expanded image preview, similar to what you see on Google Images Effect.

Address: https://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/

[Recommended] 17 image special effects libraries to improve user experience

##15.gridder

A jQuery plugin that displays a thumbnail grid expanded preview, similar to the effect seen on Google Images.

Address: https://github.com/oriongunning/gridder

[Recommended] 17 image special effects libraries to improve user experience

##16.MotionTransitionEffect

Image Fast motion transition effects for slides.

Address: https://github.com/codrops/MotionTransitionEffect

[Recommended] 17 image special effects libraries to improve user experience##17.tiltedpage_scroll

tiltedpage_scroll .js is a plug-in that supports mouse scrolling and setting image angles. When the page is scrolled, the picture will have a tilted 3D effect, which is a good choice for product display.

Address: http://peachananr.github.io/tiltedpage_scroll/demo/tiltedpage_scroll_demo.html

Bugs that may exist after the code is deployed cannot be real-time As you know, in order to solve these bugs afterwards, I spent a lot of time on log debugging. By the way, I would like to recommend Fundebug, a useful BUG monitoring tool (Address: https://www.fundebug.com/?utm_source=xiaozhi). [Recommended] 17 image special effects libraries to improve user experience

Original text: https://github.com/lindelof/awesome-web-effect

Statement
This article is reproduced at:segmentfault. If there is any infringement, please contact admin@php.cn delete

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
1 months agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

Atom editor mac version download

Atom editor mac version download

The most popular open source editor

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor