Anzeige

[Erledigt] [Gelöst] CSS3 & HTML5: Linie in Animation soll nur an einem Endpunkt bewegt werden

Erledigt - [Gelöst] CSS3 & HTML5: Linie in Animation soll nur an einem Endpunkt bewegt werden | PSD-Tutorials.de

Erstellt von black-hat, 09.09.2014.

  1. black-hat

    black-hat Aktives Mitglied

    1
    Dabei seit:
    02.06.2009
    Beiträge:
    678
    Geschlecht:
    weiblich
    Ort:
    Berlin
    Software:
    Photoshop & Co, Illustrator, InDesign, Fireworks, PHPStorm
    Kameratyp:
    6D
    [Gelöst] CSS3 & HTML5: Linie in Animation soll nur an einem Endpunkt bewegt werden
    Hallo Leute. Ich sitze hier am folgenden Problem:

    [​IMG]

    Ich habe eine Animation mit jeweils 2 Elementen. Einen "mind Cake" und einen Strich.

    Während der "mind cake" hoch und runter schwebt (beispielsweise), soll es so wie auf der linken Seite des Bildes es zeigt der Strich folgen und zwar so, dass der untere Teil (jener, der am Logo ist) fest in seiner Position bleibt und der obere Teil des Striches am Icon klebt.

    Gerade ist es aber wie z. B. auf der rechten Seite: Egal welche css3-transition ich benutze - immer wird nur von der Mitte aus rotiert, verzerrt, verschoben etc.

    Hat jemand eine Idee, wie man das lösen kann?
     
    Zuletzt bearbeitet: 09.09.2014
    #1      
  2. black-hat

    black-hat Aktives Mitglied

    1
    Dabei seit:
    02.06.2009
    Beiträge:
    678
    Geschlecht:
    weiblich
    Ort:
    Berlin
    Software:
    Photoshop & Co, Illustrator, InDesign, Fireworks, PHPStorm
    Kameratyp:
    6D
    [Gelöst] CSS3 & HTML5: Linie in Animation soll nur an einem Endpunkt bewegt werden
    #2      
Seobility SEO Tool
x
×
×