Auge: Frage zum Wiki-Artikel „Bildwechsler“

Beitrag lesen

problematische Seite

Hallo

img:nth-of-type(2)
{
	animation-delay: 2s;
}

img:nth-of-type(3)
{
	animation-delay: 4s;
}

@keyframes bildwechsler
{
	  0% { opacity: 0 }
	 33.3% { opacity: 1 }
	 66.6% { opacity: 1 }
	100% { opacity: 0 }
}

Und hier das Ergebnis: http://www.fotosatzpfeifer.de/html/test_bildwechsel4f.html

Nix für ungut, aber das sieht schlimmer aus als vorher. Du hast verstanden, was Gunnar in seinen Bildern gezeigt hat? Die Animationen der einzelnen Bilder überlagern sich zeitlich, weshalb während der Übergänge die zwei beteiligten Bilder gleichzeitg zu sehen sind.

Mit deiner Ausdünnung der Keyframes hast du nun noch weniger Stützpunkte, weshalb die Bilder noch länger gleichzeitig zu sehen sind.

Übrigens für alle, die bisher die Hinweise darüber gegeben haben, dass man Texte nie als Bilder erstellen sollte und dass Animationen immer anhaltbar sein müssen:

  1. Meine Textbilder enthalten die Photoshopgestaltungsfunktionen "abgeflachte Kante" und "Schein nach außen".

Du meinst der Lichtspot auf den Anfangsbuchstaben?

2. Die Animation muss auf meiner Webseite nicht anhaltbar sein, denn erstens wird sie langsam sein und zweitens gibt es auf dieser Titelseite nicht allzu viel zu sehen und erst recht nichts zu tun, so dass man sich eher in anderen Gefilden aufhält. Man verweilt also nur kurz dort, nicht viel länger als man braucht, um sich die Animation anzuschauen.

Eine Seite ohne nennenswerten Inhalt, die man als Besucher auf dem Weg woanders hin praktisch nur überspringt? Quasi eine Seite, so nötig wie ein Kropf?

Tschö, Auge

--
Wenn man ausreichende Vorsichtsmaßnahmen trifft, muss man keine Vorsichtsmaßnahmen mehr treffen.
Toller Dampf voraus von Terry Pratchett
0 55

Frage zum Wiki-Artikel „Bildwechsler“

Thomas
  • css
  • frage zum wiki
  1. 0
    marctrix
    1. 0
      Thomas
      1. 0
        marctrix
        1. 0
          Thomas
  2. 0
    Gunnar Bittersmann
    1. 0
      marctrix
      1. 0
        marctrix
      2. 0
        Gunnar Bittersmann
        1. 0
          Thomas
          1. 0
            JürgenB
            1. 0
              Thomas
          2. 0
            Gunnar Bittersmann
            1. 0
              Thomas
              1. 0
                marctrix
              2. 0
                Gunnar Bittersmann
                • css
                • html
                1. 0
                  Thomas
                  1. 0
                    marctrix
                    1. 0
                      Thomas
                      1. 0
                        marctrix
                        1. 0
                          Thomas
                          1. 0
                            Auge
                            1. 0
                              Gunnar Bittersmann
                              • design
                          2. 0
                            marctrix
                            1. 0
                              Thomas
                          3. 3
                            Gunnar Bittersmann
                            1. 0
                              Thomas
                              1. 0
                                Auge
                                1. 0
                                  Thomas
                                2. 1
                                  Roger Rabbit von Plid
                              2. 1
                                marctrix
                                1. 0
                                  Thomas
                                  1. 0
                                    JürgenB
                                    1. 0
                                      Thomas
                                      1. 0
                                        JürgenB
                                      2. 0
                                        marctrix
                                        1. 3
                                          Henry
                                          1. 0
                                            marctrix
                                            1. 0
                                              Henry
                                  2. 2
                                    Gunnar Bittersmann
                                    1. 0
                                      Thomas
                                  3. 2
                                    marctrix
                                    1. 0
                                      marctrix
                                      1. 0
                                        Thomas
                                        1. 0
                                          marctrix
                                          1. 0
                                            Thomas
                                            1. 0
                                              marctrix
                        2. 1
                          Gunnar Bittersmann
          3. 0
            marctrix
            1. 0
              Gunnar Bittersmann
              1. 0
                marctrix
                1. 0
                  Matthias Apsel
                  • menschelei
                  1. 0
                    marctrix
                    1. 0
                      Gunnar Bittersmann
                      1. 0
                        marctrix