Home >Web Front-end >JS Tutorial >12 exquisite and cool background decoration special effects libraries (share)

12 exquisite and cool background decoration special effects libraries (share)

青灯夜游
青灯夜游forward
2021-02-26 09:45:564489browse

This article will share with you 12 exquisite and cool background decoration special effects libraries. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to everyone.

12 exquisite and cool background decoration special effects libraries (share)

1.particles-bg

Address: https://github.com/lindelof/particles-bg

Effect:

12 exquisite and cool background decoration special effects libraries (share)

12 exquisite and cool background decoration special effects libraries (share)

12 exquisite and cool background decoration special effects libraries (share)

#2.particles-bg-vue

Address: https://github.com/lindelof/awesome-web-effect

This is a particle animation component based on VUE.

12 exquisite and cool background decoration special effects libraries (share)

12 exquisite and cool background decoration special effects libraries (share)

##3.jquery.ripples

Address: https://github.com /sirxemic/jquery.ripples

jQuery Ripples plugin adds a layer of water elements to HTML to interact with the ripple cursor and WebGL. You can use this effect to make your static CSS background images more interactive.

12 exquisite and cool background decoration special effects libraries (share)

4.MorphingBackgroundShapes

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

this It is a very decorative website background effect. When the user scrolls to a certain page, the SVG graphics of this background will deform and move.

5. SegmentEffect

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

Background Split decorative effects.

##6.jQuery.BgSwitcher

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

jQuery.BgSwitcher implements background image switching effect.

7.BackgroundScaleHoverEffect

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

Use CSSclip paths reproduce background zoom hover effects.

12 exquisite and cool background decoration special effects libraries (share)8.ImageGridMotionEffect

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

is The background grid's image provides motion hover effects.

9.jquery.adaptive-backgrounds.js

Address: https://github.com/briangonzalez/jquery. adaptive-backgrounds.js

adaptive-background.js is a jQuery plug-in that can dynamically adjust the background color of the parent tag according to the border color of the image in the p, img tag, somewhat similar to the effect of iTunes album details .

12 exquisite and cool background decoration special effects libraries (share)10.fixed-background-effect

Address: https://codyhouse.co/demo/fixed-background -effect/index.html#0

Full screen scrolling background suspension effect.

11.jquery-warpdrive-plugin

Address: https://github.com/NiklasKnaack/jquery-warpdrive- plugin

query-warpdrive-plugin is a jquery plug-in that can create cool starry sky background effects based on HTML5 canvas. This starry sky background special effect can be flexibly configured through configuration parameters and can be interacted with the mouse.

12.RainEffect

Some experimental rain and water drop effects in different scenarios using WebGL.

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

Author: lindelof

Translation address: https://segmentfault.com/a/1190000039220301

For more programming related knowledge, please visit: Programming Video! !

The above is the detailed content of 12 exquisite and cool background decoration special effects libraries (share). For more information, please follow other related articles on the PHP Chinese website!

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