[İçeriğe atla]

Dinamik arka plan: karartma katmanının arkasında animasyonlu efektler

Kabarcıklar, yağmur damlaları, bulutlar ve yıldızlar videonuzun arkasında canlı hareket eder

Neden düz karanlık katmanla yetinesiniz? Ücretsiz Turn Off the Lights uzantısındaki Dinamik arka plan, videonuz önde keskin kalırken onu gerçek zamanlı animasyonlu sahneyle değiştirir. Bu efekte sahip tek tarayıcı uzantısıdır ve video izlemeyi benzersiz ve sürükleyici kılar.

Turn Off the Lights seçenekler sayfasındaki dinamik arka plan seçenekleri
Turn Off the Lights seçenekler sayfasındaki dinamik arka plan seçenekleri

Seçilebilecek beş animasyonlu sahne

Akvaryum

Nazik su kabarcıkları ekranda sürekli yükselir; videonuzun arkasında sakin ve hipnotik.

Yükselen su kabarcıklarıyla Akvaryum dinamik arka planı
Akvaryum — videonun arkasında yükselen kabarcıklar

Atan bloklar

Kare bloklar tüm ekranda rastgele aralıklarla nabız atar — ritmik bir ambiyans parıltısı.

Atan bloklar dinamik arka plan efekti
Videonun arkasında yanıp sönen atan bloklar

Yağmur damlaları

Evinize yağmur yağmayacak ama damlalar videonuzun arkasında ekranınıza nazikçe düşer.

Yağmur damlaları dinamik arka plan efekti
Videonun arkasında düşen yağmur damlaları

Bulut

Yumuşak bulutlar yavaşça yeni konumlara sürüklenir — izlediğiniz şeyin arkasında hayalperest bir gökyüzü.

Bulut dinamik arka plan efekti
Videonun arkasında sürüklenen bulutlar

Uzay

Favori: uzay gemisi penceresinden görünüm gibi size doğru uçan hareketli yıldızlar.

Hareketli yıldızlarla Uzay dinamik arka planı
Uzay — videonun arkasında uçan yıldız alanı

Akıcı animasyon için tasarlandı

Dinamik arka plan tamamen HTML ve CSS3 ile yapılmıştır ve sayfa değişikliklerine tepki vermek için Mutation Observer API'sini kullanır: kullanımda kaybolan, Chrome, Safari ve Firefox'ta animasyonu akıcı tutan ileri teknoloji.

Dinamik arka plan nasıl etkinleştirilir

  1. Chrome, Firefox, Edge, Opera, Safari veya favori tarayıcınız için ücretsiz Turn Off the Lights uzantısını yükleyin.
  2. Gri lamba düğmesine sağ tıklayın, Seçenekler'i seçin ve dinamik arka planları görmek için Daha fazla göster'e tıklayın.
  3. Bir efekt seçin (akvaryum, bloklar, yağmur damlaları, bulut veya uzay), ardından sayfayı karartın ve gösterinin tadını çıkarın.

Sıkça sorulan sorular

Videomun arkasında animasyonlu arka plan nasıl elde ederim?

Ücretsiz Turn Off the Lights uzantısını yükleyin, seçenekler sayfasını açın ve akvaryum, yağmur damlaları veya uzay gibi bir dinamik arka plan efekti seçin. Sayfayı kararttığınızda animasyon videonun arkasında oynar.

Hangi dinamik arka plan efektleri mevcut?

Beş animasyonlu sahne: yükselen su kabarcıklı akvaryum, atan bloklar, yağmur damlaları, sürüklenen bulut ve uzay gemisinden manzara gibi hareketli yıldızlarla uzay.

Animasyonlar tarayıcımı yavaşlatır mı?

Efektler hafif HTML ve CSS3 ile yapılmıştır ve Chrome, Firefox ve Safari'de akıcı işleme için Mutation Observer API'sini kullanır: izlerken akıcı kalmak için tasarlandı.

Dinamik arka plan özelliği ücretsiz mi?

Evet. Chrome, Firefox, Edge, Opera, Safari ve desteklenen diğer tarayıcılar için ücretsiz açık kaynaklı Turn Off the Lights tarayıcı uzantısına dahildir.

Statik resim mi tercih edersiniz? Siyah opaklık katmanı'na bakın. Turn Off the Lights'ı indirin ve ekranınızı hareket ettirin.