動的パーティクル効果は次のとおりです。 プラグインをインストールするnpm インストール vue-particles --save-dev main.js ファイルにグローバルにインポートする 'vue-particles' から VueParticles をインポートします。 Vue.use(VueParticles) vueファイルで使用する <vue-パーティクル カラー="#409EFF" :particleOpacity="0.7" :粒子数="60" 形状タイプ="円" :粒子サイズ="6" ラインカラー="#409EFF" :行幅="1" :lineLinked="true" :line不透明度="0.4" :線の距離="150" :moveSpeed="3" :hoverEffect="true" hoverMode="つかむ" :clickEffect="true" クリックモード="プッシュ"> </vue-パーティクル> 背景画像として動的パーティクルを使用します。新しい div を表示する必要がある場合、div は vue-particles コンテンツをカバーすることができないため、後で順番に表示されることがわかります。そのため、 <スタイル> #パーティクルjs { 幅: 100%; 高さ: calc(100% - 100px); 位置: 絶対; } </スタイル> 上記の属性について:
Vue ログインページ用の動的パーティクル背景プラグインの実装に関するこの記事はこれで終わりです。Vue 動的パーティクル背景の関連コンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: mysql-8.0.16 winx64 最新インストール チュートリアル (画像とテキスト付き)
>>: Mac に Windows サービスを備えた仮想マシンをインストールする方法
公式ドキュメント http://dev.mysql.com/doc/refman/5.7/en/se...
目次序文1. 文字列を分割する2. JSONのフォーマットと解析3. 複数行の文字列と埋め込み式4....
Nginxの仕組みNginx はコアとモジュールで構成されています。 Nginx 自体は実際にはほと...
<fieldset>と<legend>については、ほとんどの人はおそらく馴染...
序文Ahhang が Springboot プロジェクトを開発していたとき、フロントエンドから検証コ...
「.zip」形式は、Windows システムでファイルを圧縮するために使用されます。実際、「.zip...
目次1. 各() 2. arr.filter() 3. arr.every() 4. arr.map...
Apple マグカップのアイコンと追加機能 HD ストレージボックス – アドオンパックセイバースノ...
この記事では、検証コードカウントダウンボタンを実装するためのVueの具体的なコードを例として紹介しま...
背景色の点滅効果を実現するには、次のコードを <body> 領域に追加するだけです。コー...
cli3 でビルドされた vue プロジェクトは、ゼロ構成ファイルとして知られています。パッケージ化...
1. CSSナビゲーションバー(1)ナビゲーションバーの機能ナビゲーション バーを使いこなすことは、...
目次変数データ型拡張ポイント要約する変数基本的な構文 var age=10; //ageという変数を...
最近 redis を使っていて、とても便利だと感じているのですが、インメモリ データベースを選択する...
MySql での時間比較の実装unix_timestamp() unix_timestamp 関数は...