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

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

mPDF

mPDF

mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

EditPlus Chinese cracked version

EditPlus Chinese cracked version

Small size, syntax highlighting, does not support code prompt function

DVWA

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

SublimeText3 English version

SublimeText3 English version

Recommended: Win version, supports code prompts!