webkit-transition für "oben" und "unten" Eigenschaften

Ich würde gerne eine css-animation, wo ein div (zentriert auf einem Bildschirm mit top und unten Eigenschaften), erweitert durch die Einstellung top und unten auf 20px.

Ist es möglich? Wenn ich versuche es geschehen zu lassen mit:

-webkit-transition-property: top, bottom;
-webkit-transition-duration: 0.5s;

animation wird nicht ausgeführt. Mache ich etwas falsch, oder ist es nicht eigentlich funktionieren mit diesen Eigenschaften?

P. S. ich mache das für eine Titan-desktop-Anwendung, so dass nur webkit-Angelegenheiten...

Können wir sehen, einige weitere code? Vielleicht hast du die Zuordnung der CSS, um die falsche Auswahl.
Sorry, meine falsch! Ich habe übersehen, dass die erste Klasse setzt oben und unten Eigenschaften in % und die zweite in px... Mit der gleichen Messungen funktioniert es ok...
Hatte das gleiche problem. In meinem Fall, der erste Staat hatte keine top-Herrschaft und der zweite Stand hatten ersten Regel. Hinzufügen top:0px in den ersten Zustand das problem gelöst.

InformationsquelleAutor zorglub76 | 2010-06-16

  1. 7

    Hier ist etwas code, der funktioniert auf Chrome v31: 

    -webkit-transition: top 0.5s, bottom 0.5s;

    InformationsquelleAutor feco

  2. 1
    <!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
    <style type="text/css" media="screen">
        #test {
            background:#3F3;
            position: absolute;
            top:50px;
            bottom:50px;
            width:200px;
            -webkit-transition-property: top, bottom;
            -webkit-transition-duration: 0.5s;
        }
        #test:hover {
            top:100px;
            bottom:100px;
        }
    </style>
</head>
<body>
    <div id="test">Ganesh
    </div>
</body>
</html>

    InformationsquelleAutor user457958

Schreibe einen Kommentar