[ERLEDIGT] Problem der Darstellung einer Animation

[DefQon1.]

Hallo liebe html Gemeinde.

Ich habe folgendes Problem:
Ich habe eine Animation einer div. Das funktioniert auch wunderbar auf einer leeren Seite. Wenn ich jetzt aber das ganze auf meiner Seite einbringen möchte, erscheint nicht einmal die div. Hat jemand vielleicht eine Idee, oder Vorschläge was ich da machen kann?

MFG
DefQon1

Hier ist die CSS:

<style>
   div{
    width:300px;
    height:300px;
    background:#007FB5;
    position:relative;
    animation:mymove 6.5s infinite;
    -webkit-animation:mymove 6.5s infinite; /* Safari and Chrome */
}

@keyframes mymove{
    0%   {top:0px; background:#007FB5; width:100px;}
    100% {width:500px;}
}

@-webkit-keyframes mymove /* Safari and Chrome */{
    0%   {top:0px; background:#007FB5; width:100px;}
    100% { width:500px;}
}
</style>

 

[Banana_Jones]

Na wenn es auf einer leeren Seite funktioniert, auf deiner eigenen jedoch nicht, dann liegt das Problem ja offensichtlich nicht an der Animation und dem <div> selbst, sondern an der Kombination mit deinem bisherigem Schaffen. Das sehen wir aber nicht, deshalb ist eine Hilfestellung nicht möglich. Lade doch bitte deinen Stand auf einen (Free-)Webspace hoch, anders kann dir kaum geholfen werden...

 

[DefQon1.]

Nachdem mein PSD vorhin abgeschmiert ist, habe ich meinen Rechner neu gestartet und siehe da, es klappt. Ich weiß jetzt nicht genau was der Fehler war, aber trotzdem danke Banana_Jones.