wie Verzögerung Hintergrundfarbe übergang mit css

Hey, ich bin neu in Entwicklung, so wurde versucht, die Hintergrundfarbe zu verändern, wenn wir den Menüpunkt ändern, ich habe das getan, wollen aber einige Verzögerung in der änderung der Hintergrundfarbe.Ich habe versucht, transition-Eigenschaft bekam aber kein Ergebnis.Die transition-Eigenschaft gilt nicht für <body>?Als ich versuchte, Sie zu stellen 'id' zu <body> - und Regel anwenden, wie dies

<body id="color">

CSS

#color {
    background-color: yellowgreen;
    transition: background-color 2s ;
}

Bin ich etwas falsch? Was ist der Weg zu gelten <div> zu voll Seite und wenden Sie die gleiche Regel?

InformationsquelleAutor user3601687 | 2014-05-04
  1. 1

    Ersten, wenn Sie übergänge verwenden, müssen Sie den -webkit für Safari - http://www.w3schools.com/cssref/css3_pr_transition.asp

    Wenn Sie möchten, eine übergangseffekt, nimmt x der Zeit, die Sie ausschließen kann, dass unter transition-delay. Aber wenn Sie wollen, dass Ihr übergang zur Verzögerung von, sagen wir 2 Sekunden, dann können Sie die transition-delay und legen Sie die Anzahl der Sekunden, die Sie möchten, zu verzögern, den übergang für die.

    #color {
  background-color: yellowgreen;
  -webkit-transition: background-color 2s ease-in; /* Safari */
          transition: background-color 2s ease-in;
  -webkit-transition-delay: 2s; /* Safari */
          transition-delay: 2s;

    Hier ist eine Liste der einige timing-Funktionen, die Sie verwenden können, für übergänge - http://www.w3schools.com/cssref/css3_pr_transition-timing-function.asp

    Hier ist ein fiddle zu zeigen, wie Sie die border-color übergang dauert .5 Sekunden zum starten auf schweben.

    • Vielen Dank für die schnelle Antwort , aber es funktioniert nicht.
    • Vielleicht könnten Sie ein Geige, was Sie bisher haben.
    • sorry, aber ich habe versucht, mit fiddle, nicht zu bekommen, wie hoch-alle meine Seiten zu es. Trotzdem danke für die Antwort.
    InformationsquelleAutor Justin
  2. 0

    Dies funktioniert nur einmal, während CSS geladen wird, wenn diese id überschreibt vorhergehende oder Standard-Regeln. Sie vielleicht nicht einmal bemerkt.

    Sobald CSS geladen ist, bleibt es in Ihrem Browser und es wird nichts mehr passieren.

    Können Sie einen Versuch geben, um link eine CSS-Datei mit einem Zeitstempel zu erzwingen, die erfrischende CSS-jedes mal, wenn Sie neu laden einer Seite. eine Art, wie /myCssFile.css&id=010012014

    Tatsächlich, die gute übung wäre, um eine Klasse auf onload Veranstaltung und stellen Sie Ihre transition oder animation von dort.

    CSS ist nicht wirklich gemeint, das zu tun.

    Hier ist ein test den ich vor einer Weile gemacht : http://codepen.io/gcyrillus/pen/rmhAp Sie können sehen, eine animation, die das erste mal Ihren browser laden.

    • Danke für die Antwort, aber da ich neu bin und nicht wirklich das bekommen, was Sie sagen. Meinst du ich muss dieses per jQuery?Verstanden, etwas, was Sie sagen, aber Sie haben nicht die Lösung
    • ja, jQuery javascript oder plain
    • Ok danke, werde versuchen, dass
    InformationsquelleAutor G-Cyr
  3. -1

    Mabye Dies Wird Helfen

    Diese ständig wechselt die Hintergrundfarbe.

    • Versuchen Sie, einige code, statt Ihnen direkte links, oder spare etwas von Ihrer kostbaren Zeit, um zu erklären, was Sie eigentlich so verstanden das link und erklären Sie es. Der link, den Sie entfernt hat.
    InformationsquelleAutor Jonco98
Schreibe einen Kommentar