Ist es möglich, animieren den übergang zwischen hintergrund-Größe: enthalten und background-size: cover?

Ich weiß, es ist möglich zu animieren den übergang zwischen background-size bei der Verwendung von pixel oder prozentuale Werte mit css3, aber ich kann es nicht wieder arbeiten zu animieren zwischen contain und cover. (Ich bin mit webkit - chrome und safari)

Ich habe eine Geige hier: http://jsfiddle.net/59Bhb/3/, die zeigt, dass es Arbeit für Prozent-Werte, aber nicht enthalten/cover.

Ist es einfach nicht unterstützt?

InformationsquelleAutor Grezzo | 2012-06-04
  1. 6

    Es ist nur nicht unterstützt - Liste der Eigenschaften, die Sie animieren können

    • Aber wenn Sie check my fiddle, können Sie sehen, dass es funktioniert, wenn ich den Prozentsatz.
    • Eigentlich background-size aufgeführt, wie animierbare von Gecko in der Ausgabe Hinweis unter der Tabelle. Warum funktioniert es nicht mit contain und cover ist mir schleierhaft - ich vermute, Sie haben nicht die chance hatte, zu schreiben und/oder Teste es noch.
    • Ich meinte nicht die Unterstützung von nicht-numerischen übergänge. Noch.
    • Fair genug. Vielen Dank für die Klarstellung
    InformationsquelleAutor Zoltan Toth
  2. 0

    Animieren Sie es, wie in jQuery

    $('myElement').animate({'background-size':'was auch immer Größe'}, 1000);

    aber es ist schwierig, das gewünschte Ergebnis zu erhalten, wie es skaliert linear von Links oben nach rechts unten, unabhängig von der Positionierung. Ich habe versucht, indem Sie diese in ein cms-template, aber es mir nicht den Effekt, den ich suchte. Hoffe, dass ich geholfen

    InformationsquelleAutor
Schreibe einen Kommentar