Mit HTML5-Animationen 💫 können Sie Ihre Webseite aufpeppen

Mit HTML5-Animationen können Sie Animationen, Videos, Musik und vieles weitere Multimedia-Effekte auf Ihre Webseite realisieren!

Adobe bietet mit Adobe Animate CC ein Profi-Programm zur Erstellung von Animationen für HTML5-Webseiten an. Mehr Informationen finden Sie auf der deutschsprachigen Webseite von Adobe: adobe.com/de/products/animate.html

Elemente wie Videos können mit HTML5 direkt im HTML-Code eingebunden werden. Beispiel für eine Video-Einbindung direkt in HTML5:

(Das Video haben wir von pexels.com/de-de/videos – hier gibt es Unmengen an komplett kostenlosen und frei für Ihre Webseite nutzbaren HD-Videos)

Noch cooler sind Animationen mit HTML5, CSS und Javascript.
Hier einige Beispiele:

Falling Confetti:

See the Pen Falling Confetti by Linmiao Xu (@linrock) on CodePen.

Orbit Trails:

See the Pen Canvas Orbital Trails by Jack Rugile (@jackrugile) on CodePen.

Programme zum Erstellen von HTML5-Animationen:

• adobe.com/de/products/animate.html – Adobe Animate CC
• animatron.com – Online-Programm für die Erstellung von HTML5-Animationen und HTML5-Banner
• bannersnack.com/de – Online HTML5-Animationswerkzeug
• canva.com/pro/animator – Animationen mit Canva Pro erstellen
• webdesigner.withgoogle.com – die Webeditor-Software Google Webdesigner kann von Haus aus bewegte HTML5-Animationen erstellen
• templatemonsterblog.de/15-top-html5-werkzeuge-zur-erstellung-von-fortgeschrittenen-animationen – Übersicht über 15 Top-HTML5-Werkzeuge zur Erstellung von Web-Animationen
• tumult.com/hype – Programm zum Erstellen von interaktiven HTML5-Inhalten und HTML5-Animationen.
• webanimator.com/de – entwerfen Sie Animationen, bewegte Grafiken, Werbeanzeigen und Schaltflächen in HTML5, die auf allen Browsern und Endgeräten perfekt dargestellt werden

Ressourcen im Internet zum Themenbereich Web-Animationen:

• cloudinary.com/blog/creating_html5_animations – Beispiel für wunderschöne HTML5-Animationen
• webdesign.tutsplus.com/21-ridiculously-impressive-html5-canvas-experiments–net-14210a – 25 spektakuläre HTML5-Animationen