Wenn ich diese Animation lade, beginnt der Text auf der linken Seite der HTML-Seite.
Aber ich brauche es wie das unten
- "Hallo" sollte von etwas außerhalb der linken oberen Ecke der HTML-Seite beginnen
- "Your" sollte von etwas außerhalb von Middle Top (Mitte oben) der Seite beginnen
- "Welt" sollte von etwas außerhalb der rechten oberen Ecke der Seite beginnen
(Ich habe das oben für mehr Klarheit und Verständnis bearbeitet)
Alles zusammen sollte in die Mitte kommen und hineinzoomen. Und alle müssen zurück auf die linke Seite der Seite herauszoomen.
da die Animation, die du benötigst, ziemlich komplex ist (hineinschieben und von verschiedenen Seiten zoomen), vielleicht eine benutzerdefinierte erstellen?
Im folgenden Beispiel verwende ich 2D-Transformationen und das step -Attribut der Animation. Ich lege 2 lange <span> zwischen die Wörter, um sie zu den Seiten zu schieben.
Klicken Sie auf das rote Feld, um die Animation zu starten. Wenn Sie irgendwelche Fragen haben, zögern Sie nicht zu fragen.
ps: Ich habe Grenzen an den Elementen gelassen, damit Sie sehen können, wie sie sich bewegen
Ich bearbeite deinen Code. Aber in diesem Code haben Sie Klassenzoom und andere Klassen nicht. Diese Codearbeit basiert auf der Schriftgröße.
** HTML **
%Vor%** Css **
%Vor%** Bearbeitet & gt; Css **
%Vor%** Jquery **
%Vor%Tags und Links javascript html jquery css css3