Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
de:modul:m291:learningunits:lu12:aufgaben:a_keyframes [2026/05/18 09:56] gkochde:modul:m291:learningunits:lu12:aufgaben:a_keyframes [2026/05/18 10:20] (aktuell) gkoch
Zeile 1: Zeile 1:
-====== LU12a - FAQ-Accordion mit Animationen erweitern ======+====== LU12b - FAQ-Accordion mit Animationen erweitern ======
  
 Sie haben die Theorie zu CSS Keyframe Animationen gelesen. Jetzt wenden Sie das Gelernte direkt an: Sie erweitern Ihr bestehendes FAQ-Accordion mit drei Animationen, die die User-Experience verbessern. Sie haben die Theorie zu CSS Keyframe Animationen gelesen. Jetzt wenden Sie das Gelernte direkt an: Sie erweitern Ihr bestehendes FAQ-Accordion mit drei Animationen, die die User-Experience verbessern.
Zeile 217: Zeile 217:
 </WRAP> </WRAP>
 **Frage:** Warum sind die Keyframes ''0%'' und ''100%'' identisch? Was würde passieren, wenn ''100%'' auf ''translateY(-10px)'' gesetzt würde? **Frage:** Warum sind die Keyframes ''0%'' und ''100%'' identisch? Was würde passieren, wenn ''100%'' auf ''translateY(-10px)'' gesetzt würde?
 +
 +
 +<WRAP center round download 80%>
 +Unter folgendem Link können Sie meine finale Umsetzung des Accordions (Accordion.vue und AccordionItem.vue) herunterladen und mit Ihrem eigenen Code vergleichen.
 +
 +{{ :de:modul:m291:learningunits:lu12:aufgaben:finale_accordion_komponten.zip | Finale Accordion-Komponenten}}
 +</WRAP>
 +
 +
 +
  
  • de/modul/m291/learningunits/lu12/aufgaben/a_keyframes.1779090991.txt.gz
  • Zuletzt geändert: 2026/05/18 09:56
  • von gkoch