Transition Fehler

  • Hallo zusammen,


    ich bin gerade bei dem Befehl Transition und habe da ein paar Probleme mit, da der Befehl bei versch. Browsern unterschiedlich bzw. gar nicht reagiert, obwohl er es eigentlich sollte.


    In html habe ich einen inline-bereich mit ner id versehen um den dann halt in css bzw. mit der transition ansprechen zu können:


    <div id="box">
    <p>aktuelle<br />
    <span id="transition"> Informationen</span><br />
    hier</p>
    </div>


    Und das Wort "Informationen" soll halt über die id="transition" angesprochen werden:


    #transition{
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    transition: all 2s ease;
    }


    #transition:hover{
    color: #0000FF;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    cursor: pointer;
    }


    Nun funktioniert im Firefox aber nur die Änderung der Schriftfarbe, also von weiß auf blau, und das ändern des Cursors, der Befehl transform: scale(1.2) bleibt unbeachtet, obwohl er im Firebug auftaucht, also er registriert ihn schon, führt ihn aber nicht aus.


    Im Chrome dagegen funktioniert die Transition mit allen Befehlen.


    Dafür funktioniert in Chrome wiederum das hier nicht (möchte den text in <p> ansprechen für die transition):


    HTML:


    <div id="test">
    <p>Test Transition</p>
    </div>


    CSS:


    #test{
    position: absolute;
    top: 100px;
    left: 100px;
    height: 80px;
    width: 80px;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    transition: all 2s ease;
    }


    #test p:hover{
    color: #0000FF;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    transform: scale(1.4);
    cursor: pointer;
    }


    Da funktioniert nur das hover ohne die transition..


    Da ich bei beiden -webkit- und -moz- davor setze (ms und o lasse ich mal weg) müsste es doch, wenn es schon nicht funktioniert, bei beiden ähnlich nicht funktionieren, aber iwie läuft da alles schief :(


    Kann mir da jemand weiterhelfen?


    Grüße!

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!