[コンテンツへスキップ]

ダイナミック背景: 減光レイヤーの後ろのアニメーション効果

泡、雨粒、雲、星々がビデオの後ろで生き生きと動きます

なぜ平坦な暗いレイヤーで満足するのですか? 無料の Turn Off the Lights 拡張機能のダイナミック背景は、ビデオが前面にシャープなまま、それをリアルタイムのアニメーションシーンに置き換えます。この効果を持つ唯一のブラウザ拡張機能で、ビデオ視聴をユニークで没入感のあるものにします。

Turn Off the Lights オプションページのダイナミック背景オプション
Turn Off the Lights オプションページのダイナミック背景オプション

選べる5つのアニメーションシーン

水族館

穏やかな水泡が画面を絶えず上昇し、ビデオの後ろで穏やかで催眠的。

上昇する水泡のある水族館ダイナミック背景
水族館 — ビデオの後ろで上昇する泡

脈動するブロック

四角いブロックが画面全体でランダムな間隔で脈動 — リズミカルなアンビエントグロー。

脈動ブロックダイナミック背景エフェクト
ビデオの後ろで点滅する脈動ブロック

雨粒

あなたの家には雨は降りませんが、雨粒がビデオの後ろで画面に静かに落ちます。

雨粒ダイナミック背景エフェクト
ビデオの後ろに落ちる雨粒

雲

柔らかい雲がゆっくり新しい位置に漂います — 視聴の後ろに夢見るような空。

雲ダイナミック背景エフェクト
ビデオの後ろに漂う雲

宇宙

お気に入り: 宇宙船の窓からの眺めのようにあなたに向かって飛んでくる動く星々。

動く星々のある宇宙ダイナミック背景
宇宙 — ビデオの後ろを駆け抜ける星のフィールド

スムーズなアニメーションのために設計

ダイナミック背景は完全に HTML と CSS3 で構築され、Mutation Observer API を使ってページの変化に反応します: 使用中に消え去る先進技術で、Chrome、Safari、Firefox でアニメーションをスムーズに保ちます。

ダイナミック背景の有効化方法

  1. Chrome、Firefox、Edge、Opera、Safari、またはお気に入りのブラウザ向けの無料 Turn Off the Lights 拡張機能をインストールします。
  2. 灰色のランプボタンを右クリックし、オプションを選択し、さらに表示をクリックしてダイナミック背景を表示します。
  3. エフェクト(水族館、ブロック、雨粒、雲、宇宙)を選び、ページを暗くしてショーを楽しみます。

よくある質問

ビデオの後ろにアニメーション背景を付けるには?

無料の Turn Off the Lights 拡張機能をインストールし、オプションページを開き、水族館、雨粒、宇宙などのダイナミック背景エフェクトを選択します。ページを暗くすると、アニメーションがビデオの後ろで再生されます。

どんなダイナミック背景エフェクトがありますか?

5つのアニメーションシーン: 上昇する水泡のある水族館、脈動するブロック、雨粒、漂う雲、そして宇宙船からの眺めのような動く星々の宇宙。

アニメーションはブラウザを遅くしますか?

エフェクトは軽量な HTML と CSS3 で構築され、Chrome、Firefox、Safari でスムーズなレンダリングのために Mutation Observer API を使用: 視聴中もスムーズに保つよう設計されています。

ダイナミック背景機能は無料ですか?

はい。Chrome、Firefox、Edge、Opera、Safari など対応ブラウザ向けの無料オープンソース Turn Off the Lights 拡張機能に含まれています。

静止画像がお好みですか? 黒の不透明度レイヤーをご覧ください。Turn Off the Lights をダウンロードして、画面を動かしましょう。