Burger-Icon mit JavaScript und CSS zu einem X animieren
In diesem Video zeige ich dir, wie du mit JavaScript und CSS durch einen Klick ein Burger-Icon zu einem X animierst.
▬ Online-Kurs ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▸ Responsive Webdesign mit HTML, CSS, Bootstrap und Tailwind: https://shop.heise-academy.de/respons...
▬ Timestamps ▬▬▬▬▬▬▬▬▬▬▬▬▬▬
00:00 Vorspann
00:17 Prototyp und Design
00:36 JavaScript Code
01:52 JS Code testen
02:25 Hintergrundfarbe
03:23 Mittlerer Strich ausblenden
04:22 Mittlerer Strich animieren
05:16 Äußere Striche zu X
06:38 Äußere Striche animieren
07:17 Spin Animation
▬ Social Media ▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▸ Twitter: / fabianhiller
▸ LinkedIn: / fabianhiller
▸ GitHub: https://github.com/fabian-hiller
▸ Instagram: / fabian.hiller
▬ Weitere Links ▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▸ Impressum: https://www.sifa-digital.de/impressum/