Ergebnis 1 bis 4 von 4

Thema: CSS- animate ruckelt

  1. #1
    Teeny
    Registriert seit
    01.08.2011
    Ort
    bei München
    Beiträge
    45
    Danke
    0
    Bekam 1 mal "Danke" in 1 Posting

    Standard CSS- animate ruckelt

    Hallo,

    ich habe ein kleine Animation mit einer Keyframe-animation. Die Bewegung soll nur ganz klein sein. Und genau da liegt das Problem. Es fängt das ruckeln an. Hat vielleicht jemand einen Tipp, was ich ändern kann?
    Der Link zur Seite lautet: http://playground.lamisch.de/fuxdesign/#news
    Es geht um den orangen Newsbereich.

    CSS-Code:
    Code:
    #newsfeld{
        background: url(images/Zeichnungen/fleck.png) no-repeat;
        width:249px;
        height: 145px;
    }
    
    #newstext{
      -webkit-animation: text 6s infinite;
      -moz-animation: text 6s infinite;
      -o-animation: text 6s infinite;
      animation: text 6s infinite;
    }
    
    @-webkit-keyframes text{
      0%{
         width:100%;  
         height:100%;
      }
      10%{
        width:100%;  
         height:100%;   
      }
      50%{
         width: 99%;
         height: 99%;
      }
     
      100%{
        width: 100%;
         height: 100%;  
      }
    }
    @-moz-keyframes text{
    0%{
         width:100%;  
         height:100%;
      }
      10%{
        width:100%;  
         height:100%;   
      }
      50%{
         width: 99%;
         height: 99%;
      }
      100%{
        width: 100%;
         height: 100%;  
      }
    }
    @-o-keyframes text{
     0%{
         width:100%;  
         height:100%;
      }
      10%{
        width:100%;  
         height:100%;   
      }
      50%{
         width: 99%;
         height: 99%;
      }
      
      100%{
        width: 100%;
         height: 100%;  
      }
    }
    @keyframes text{
     0%{
         width:100%;  
         height:100%;
      }
      10%{
        width:100%;  
         height:100%;   
      }
      50%{
         width: 99%;
         height: 99%;
      }
     
      100%{
        width: 100%;
         height: 100%;  
      }
    }
    HTML-Code:
    HTML-Code:
    <div id="newsfeld"><img id="newstext" src="images/Zeichnungen/News1.png" width="249" height="145" alt="NEWS"></div>
    Vielen Dank schonmal
    lg Nadja
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: CSS- animate ruckelt

    Schau mal im Firefox in die Fehlerkonsole, da werden jede Menge Fehler angezeigt.

    Sogar auf der Webseite erscheint Folgendes:
    Code:
    Warning:  mysql_fetch_assoc() expects parameter 1 to be resource, null given in /www/htdocs/v155934/_playground/fuxdesign/index.php on line 124
    
    Warning:  mysql_data_seek() expects parameter 1 to be resource, null given in /www/htdocs/v155934/_playground/fuxdesign/index.php on line 133

  3. #3
    Großmeister(in)
    Registriert seit
    18.01.2007
    Ort
    Hamburg
    Alter
    26
    Beiträge
    710
    Danke
    2
    Bekam 2 mal "Danke" in 2 Postings

    Standard AW: CSS- animate ruckelt

    würd mal behaupten dass es daran liegt, dass du eine animation abfährst die 6 sekunden dauern soll und du aber nur 2px in der breite und 1px in der höhe animierst. rein rechnerisch müsste jede sekunde dann 0,33px vergrößert werden. der kleinste wert ist aber 1px. daher "ruckelt" es...
    korrigiert mich, falls ich gerade nen denkfehler hab :P

  4. #4
    Teeny
    Themenstarter

    Registriert seit
    01.08.2011
    Ort
    bei München
    Beiträge
    45
    Danke
    0
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: CSS- animate ruckelt

    Ja, das mit der zu langen Zeit und der zu kleinen Skalierung war auch meine Vermutung. Ich hab das mit der Grafikerin geklärt und beides geändert.
    Danke für eure Ratschläge.
    lg NAdja

Ähnliche Themen

  1. GTA 4 ruckelt stark
    Von Unregistriert im Forum Computer - Internet Forum
    Antworten: 2
    Letzter Beitrag: 26.11.2010, 23:05
  2. pc ruckelt und stürtzt ab
    Von thorron im Forum Computer - Internet Forum
    Antworten: 11
    Letzter Beitrag: 16.06.2010, 10:46
  3. Zoom ruckelt
    Von Unregistriert im Forum Flash Forum
    Antworten: 1
    Letzter Beitrag: 24.10.2009, 10:44
  4. Forum ruckelt - Problem
    Von The One im Forum Webanwendungen - Webapplikationen
    Antworten: 9
    Letzter Beitrag: 30.09.2007, 00:49
  5. alles ruckelt!!!
    Von Michi2410 im Forum Computer - Internet Forum
    Antworten: 5
    Letzter Beitrag: 16.11.2005, 19:24

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •