Frage

Ich habe eine Website aufgefallen, die einen sehr schönen Farbübergangseffekt auf dem Hintergrund zu haben scheint. Wenn eine Verbindung der Hintergrund ändert sich die Farbe gedrückt wird, jedoch scheint es nicht sofort. Ein Übergang scheint zu ..

http://fuelbrandinc.com/#/about

Ich habe mich gefragt, ob jemand eine Idee hat, wie diese Funktionalität zu replizieren?

Danke,

War es hilfreich?

Lösung

Sie sind mit jQuery JavaScript-Bibliothek und die jQuery Farbanimationen Plugin .

Sie können sehen, durch die compiled.js Datei von Sourceleitung 202 weiter über Ihre Lieblings-DOM Inspektionswerkzeug Inspektion.

Andere Tipps

Wenn Sie die Wirkung beschrieben, war ich picturing etwas schrecklich, aber es sah eigentlich gar nicht so schlecht.

Sie können die setInterval oder setTimeout, um Code in bestimmten Intervallen auszuführen make verwenden. Beispiel:

var cnt = 0;
var handle = window.setInterval(function(){
  $('body').css('backgroundColor', '#'+'0123456789ABCDEF'[cnt++]+'00');
  if (cnt == 16) window.clearInterval(handle);
}, 100);
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top