ホームページ > ウェブフロントエンド > jsチュートリアル > 12 の絶妙でクールな背景装飾特殊効果ライブラリ (共有)

12 の絶妙でクールな背景装飾特殊効果ライブラリ (共有)

青灯夜游
リリース: 2021-02-26 09:45:56
転載
4481 人が閲覧しました

この記事では、12 個の絶妙でクールな背景装飾特殊効果ライブラリを紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

12 の絶妙でクールな背景装飾特殊効果ライブラリ (共有)

1.particles-bg

アドレス: https://github.com/lindelof/particles-bg

効果:

12 の絶妙でクールな背景装飾特殊効果ライブラリ (共有)

12 の絶妙でクールな背景装飾特殊効果ライブラリ (共有)

12 の絶妙でクールな背景装飾特殊効果ライブラリ (共有)

#2.particles-bg-vue

アドレス: https://github.com/lindelof/awesome-web-effect

これは、VUE に基づいたパーティクル アニメーション コンポーネントです。

12 の絶妙でクールな背景装飾特殊効果ライブラリ (共有)

12 の絶妙でクールな背景装飾特殊効果ライブラリ (共有)

3.jquery.ripples

アドレス: https://github.com / sirxemic/jquery.ripples

jQuery Ripples プラグインは、水要素のレイヤーを HTML に追加して、リップル カーソルおよび WebGL と対話します。この効果を使用すると、静的な CSS 背景画像をよりインタラクティブにすることができます。

12 の絶妙でクールな背景装飾特殊効果ライブラリ (共有)

4.MorphingBackgroundShapes

アドレス: https://github.com/codrops/MorphingBackgroundShapes

this非常に装飾的なウェブサイトの背景効果で、ユーザーが特定のページにスクロールすると、この背景の SVG グラフィックが変形して動きます。

5.SegmentEffect

アドレス: https://github.com/codrops/SegmentEffect

Background装飾効果を分割します。

6.jQuery.BgSwitcher

アドレス: https://github.com / rewish/jquery-bgswitcher

jQuery.BgSwitcher は背景画像の切り替え効果を実装します。

7.BackgroundScaleHoverEffect

アドレス: https://github.com/codrops/BackgroundScaleHoverEffect

使用CSSclip パスは、背景のズーム ホバー効果を再現します。

12 の絶妙でクールな背景装飾特殊効果ライブラリ (共有)8.ImageGridMotionEffect

アドレス: https://github.com/codrops/ImageGridMotionEffect

は背景グリッドの画像は、モーション ホバー効果を提供します。

9.jquery.adaptive-backgrounds.js

アドレス: https://github.com/briangonzalez/jquery。 adaptive-backgrounds.js

adaptive-background.js は、p、img タグ内の画像の境界線の色に応じて親タグの背景色を動的に調整できる jQuery プラグインです。 iTunes アルバムの詳細に影響を与えます。

12 の絶妙でクールな背景装飾特殊効果ライブラリ (共有)10.fixed-background-effect

アドレス: 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 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:segmentfault.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート