Coole CSS3 Menü Animation! [Tutorial]

Fragen oder Probleme? Werde Teil der Community! (Kostenlos)

Unterstütze den Channel:

Links aus dem Video:

Meine Social Media Seiten:

Wenn ihr euch für meine Ausrüstung, Software oder Bücher interessiert dann schaut einfach hier mal vorbei und unterstützt mich mit einem Kauf.

Copyright by Johannes Schiel / Unleashed Design
Copyright by Johannes Schiel / Unleashed Design

[superman-jk]

Super Video, hat mir für mein Schulprojekt sehr geholfen, da du meine Ideen verwirklichst. Das Video ist zudem nicht das einzige was mir sehr geholfen hat.

[jojoii]

Nice! Nette Erweiterung/Verschönerung für die Webseite :)
Danke!!!

[JessyP-hm]

soetwas habe ich schon lange gesucht. Danke für das tutorial!

[DevMarco-]

Das 'position: absolute;' ist auch wichtig, wenn man mit einem div statt einem Button arbeitet. Sonst sind die Spans so lang wie die Seite breit :D

[comedyclub]

Warum machst du das in jQuery nicht mit "toggleClass()"?

[BooBar]

wäre ganz nice wenn du du zeigen würdest wie man das ding in eine Webseite mit einbaut. Aber die Animation und Idee klasse, gefällt mir.

[niiiko_gn]

Hallo mein Name ist Niko und ich gehe zurzeit in die 10. Klasse. Ich wollte mal fragen ob du ein Javascript Tutorial machen kannst über das Spiel Snake, da wir das später programmieren werden, aber ich schon im voraus wissen möchte wie das geht? :)

[JessyP-hm]

ich lese z.zt ein buch über javascript. wenn dort werden die buttons und functions immer mit eventlistener "verbunden". gibt es gründe warum ohne eventlistener arbeitest?

[Mindsetcreateswealth]

Könntest du das Tutorial vielleicht noch mit einem Menü erweitern

[RayVanGeil]

Hi super Tutorial..echt sehr einfach und verständlich erklärt auch für leien wie mich...gleich mal eine frage.. wie sieht es aus..darf man dies auch für gewerbliche zwecke nutzen...also ich arbeite für eine obst und gemüse firma..und ich bin zuständig für die onlineseite und würde diese vielleicht gerne mit diesen kleinen Gadget verschönern..darf ich dies nutzen ohne weitere probleme zu bekommen...? würde diese Funktion für meine Menüleiste nehmen...würde mich über eine Antwort sehr freuen.. :)

[pascal]

mega gut, danke!
Ich bin allerdings kein freund von jScript oder jQuery. Bei uns in der Uni wird auch immer mal wieder diskutiert, dass man auf die Hilfe von Script verzichten sollte, soweit es geht (Sicherheit...User die noScript benutzen...blabla).
Gibt es also eine möglichkeit diese Klassen ohne Script zuzuweisen? Gibt es pseudos für Clicks?

[Mepich]

Hey super Video..ich habe da ein kleines Problem, vielleicht kannst du mir da weiter helfen. Also ich habe auch eine mobile Navigation in einer Onepage verbaut. Jedoch klappt das Menü beim klick auf einen Menülink nicht mehr zu. Hast du da vielleicht eine Idee?

[MarioHieber]

tolles tutorial danke. leider funktioniert das ganze nicht im safari (desktop + mobil). deine website wird im safari übrigens auch nicht korrekt angezeigt (navigation). lg. mario

[SempfgurkeLP]

Hi! iwie habe ich da ein gewisses Problem, bei dem du mir vielleicht helfen kannst. Ich habe an sich dein Tutorial Schritt für Schritt verfolgt, jedoch bleibt mein Ergebnis bei einem normalen Button stehen. 🙂 Ich habe das Gefühl, dass meine CSS Datei falsch eingebunden ist. Auch wird mir ein Fehler beim Script ausgegeben bzw. angezeigt. Chrome bemängelt dort das "===" beim "if" Teil. Ich habe meine Version mal unter meiner Domain hochgeladen (www.fabianr.de). Vielleicht könntest du mal drauf schauen und mir einen Tipp geben. Trotzdem super Tutorial ^^

[techassi]

Hey, ich hab mal ne Frage an dich. Ich hab ne Webseite online gestellt und habe festgestellt, dass alle JavaScripte/jQuery Sachen hängen, aber nur am Handy. Gibt es da Tipps um die Performance zu verbessern oder so? +UnleashedDesign

[raffi_simracing]

wie kann ich jetzt ein Menü einbauen? :3

[JessyP-hm]

hab mal was ähnliches gebaut, einige kennen diese animation vllt schon aber ich poste sie trotzdem mal :)