CSS Transitions erklärt | CSS Tutorial Deutsch

Поділитися
Вставка
  • Опубліковано 16 гру 2024

КОМЕНТАРІ • 7

  • @psychedelic-chi
    @psychedelic-chi Рік тому

    Danke, gut erläutert!

  • @3DSimulant
    @3DSimulant 3 роки тому +2

    Richtig gut erklärt, vielen Dank!

  • @JLO-qy5to
    @JLO-qy5to 3 роки тому +3

    Sehr gutes Video, aber border und Color haben sich in beiden Fällen jeweils geändert :-D

    • @coding-kurzundknapp
      @coding-kurzundknapp  3 роки тому +4

      Hey, Danke für dein Lob. Border und Color verändern sich tatsächlich beide, aber sie haben unterschiedliche Transitions. Mit transition-property lege ich fest, welche Eigenschaft eine Transition beim Verändern ihres Zustands bekommt. Die andere CSS-Eigenschaft verändert sich dann trotzdem, aber sie wird dabei nicht animiert. Bei 2:12 lege ich also fest, dass nur der border-radius einen fließenden Übergang bekommt, während die Color direkt zu ihrem anderen Zustand "springt". Umgekehrt lege ich bei 2:22 fest, dass nur die Color einen fließenden Übergang bekommt, während der border-radius zum Hover-Zustand "springt". Wenn ich keine transition-property festlege, dann werden automatisch alle Eigenschaften beim Hovern in ihren anderen Zustand fließend animiert. Das hätte ich im Video vielleicht ein bisschen genauer beschreiben sollen. Vielen Dank für dein Feedback :)

  • @operagxgx6757
    @operagxgx6757 3 роки тому +3

    ich kann echt nicht verstehen warum nur so wenige abonenten

    • @coding-kurzundknapp
      @coding-kurzundknapp  3 роки тому

      Du kannst uns gerne bei Freunden und Kollegen weiterempfehlen, um diesen Kanal zu unterstützen. Das würde uns sehr freuen.

    • @johnmuller6678
      @johnmuller6678 2 роки тому

      Jeder hat mal klein angefangen. :)