12개의 정교하고 멋진 배경 장식 특수 효과 라이브러리(공유)

이 기사에서는 정교하고 멋진 배경 장식 특수 효과 라이브러리 12개를 공유합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

1.particles-bg

주소: https://github.com/lindelof/particles-bg

효과:

2 .particles-bg -vue

주소: https://github.com/lindelof/awesome-web- effect

VUE를 기반으로 한 파티클 애니메이션 컴포넌트입니다.

3.jquery.ripples

주소: https://github.com/sirxemic/jquery.ripples

jQuery Ripples 플러그인은 리플 커서를 통합하기 위해 HTML에 물 요소 레이어를 추가합니다. WebGL 대화형을 사용합니다. 이 효과를 사용하면 정적 CSS 배경 이미지를 더욱 대화형으로 만들 수 있습니다.

4.MorphingBackgroundShapes

주소: https://github.com/codrops/MorphingBackgroundShapes

이 배경은 사용자가 특정 페이지로 스크롤할 때 나타납니다. SVG 그래픽이 변형되고 이동합니다.

5.SegmentEffect

주소: https://github.com/codrops/SegmentEffect

배경 분할 장식 특수 효과.

6.jQuery.BgSwitcher

주소: https://github.com/rewish/jquery-bgswitcher

jQuery.BgSwitcher는 배경 이미지 전환 효과를 구현합니다.

7.BackgroundScaleHoverEffect

주소: https://github.com/codrops/BackgroundScaleHoverEffect

CSSclip 경로를 사용하여 배경 크기 호버 효과를 재현하세요.

8.ImageGridMotionEffect

주소: https://github.com/codrops/ImageGridMotionEffect

배경 그리드의 이미지에 모션 호버 효과를 제공합니다.

9.jquery.adaptive-Backgrounds.js

주소: https://github.com/briangonzalez/jquery.adaptive-Backgrounds.js

adaptive-Background.js는 jQuery 플러그인입니다. , p, img 태그에 있는 사진의 테두리 색상에 따라 상위 태그의 배경 색상을 동적으로 조정할 수 있는데, 이는 iTunes 앨범 세부 정보의 효과와 다소 유사합니다.

10. -효과

주소: https:/ /codyhouse.co/demo/fixed-Background-Effect/index.html#0

전체 화면 스크롤 배경 정지 효과.

11.jquery-warpdrive-plugin

주소: https://github.com/NiklasKnaack/jquery-warpdrive-plugin

query-warpdrive-plugin은 HTML5 캔버스를 기반으로 한 멋진 소프트웨어입니다. jquery 멋진 별이 빛나는 하늘 배경 효과를 위한 플러그인입니다. 이 별이 빛나는 하늘 배경 특수 효과는 구성 매개변수를 통해 유연하게 구성할 수 있으며 마우스와 상호 작용할 수 있습니다.

12.RainEffect

WebGL을 사용하여 다양한 시나리오에서 실험적인 비와 물방울 효과를 구현했습니다.

원본 주소: https://github.com/lindelof/awesome-web- effect

저자: lindelof

번역 주소: https://segmentfault.com/a/1190000039220301

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !

위 내용은 12개의 정교하고 멋진 배경 장식 특수 효과 라이브러리(공유)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!