Erstellen Sie coole CSS-Animationen mit Animista
Es gibt Tonnen von CSS-Animation Web-Apps online . Aber nur wenige vergleichen mit dem Detaillierungsgrad und der Benutzerfreundlichkeit von Animista .
Mit dieser kostenlosen Web-App können Sie benutzerdefinierte CSS-Animationen auf Knopfdruck generieren . Sie können zwischen vordefinierten Bewegungen wie Folien, Transformationen, Schwüngen und sogar Schattenwurf-Animationen wählen.
Nachdem Sie Ihre Animation erstellt haben, können Sie den Code wie bei anderen CSS-Generatoren exportieren . Außer, dieser Code ist viel einfacher zu bedienen und kommt sogar mit einem integrierten Minifier-Tool .

Sie erstellen benutzerdefinierte Animationen in drei Hauptschritten und verwenden die Benutzeroberfläche von oben nach unten :
- Wählen Sie einen Bewegungsstil (schwingen, schieben, spiegeln) aus den Kreisen oben
- Passen Sie es mit verschiedenen Bewegungstypen darunter an
- Bearbeiten Sie Ihre Animationsoptionen in der linken Optionsleiste
Durch diesen Prozess können Sie die Gesamtdauer der Animation, den Beschleunigungsstil, die Verzögerung, so ziemlich alles ändern. Und alles funktioniert durch reines CSS3, was es noch eindrucksvoller macht.
Beachten Sie auch, dass Sie in der obersten Navigationsleiste sogar zwischen verschiedenen Arten von Animationszielstilen wählen können.
Der Standard ist "basic", der an so gut wie alles funktionieren kann (Hover, Click oder Sofort-Animation). Zu den weiteren Zielen gehören Seitentext, Hintergrundanimationen und sogar benutzerdefinierte Eingangsanimationen, um ein verborgenes Seitenelement in den Blick zu bekommen.
Ich mag besonders den "Aufmerksamkeit" -Link oben, der einige coole Shake & Jitter-Effekte für Button-Styles hat. Diese funktionieren hervorragend mit CTA-Tasten, um Aufmerksamkeit zu erregen und Benutzerinteraktionen zu fördern.

Dadurch wird eine neue Seite mit Ihrer vollständigen CSS-Animationsklasse zusammen mit den Keyframes angezeigt . Optionale Funktionen ermöglichen es Ihnen, den Code zu minimieren und die Auto-Prefixer einzuschließen, die ältere Webbrowser unterstützt.
Ich habe Tonnen von benutzerdefinierten CSS-Animations-Tools verwendet und ohne Zweifel ist Animista das funktionsreichste Tool da draußen. Es ist völlig kostenlos und ein bisschen komplex auf den ersten, aber sobald Sie die Schnittstelle verstehen, ist es bei weitem der beste Generator, den Sie verwenden können.
Um es zu versuchen, besuchen Sie einfach die Homepage und klicken Sie auf "Try me". Sie können Ihre Gedanken und Komplimente auch mit dem Creator @ ana108 der Web-App teilen.

6 Zeichen, dass Sie diesen Blog-Posten-Idee töten sollten
Manchmal haben Sie keine Blogpost-Ideen mehr. Aber prüg dich nicht selbst darüber; Es ist ein normales Ereignis, das sogar die erfahrensten Blogger trifft. Es geschieht aus einer Reihe von Gründen. Möglicherweise haben Sie unter dem Druck geknickt, Ihren Blog regelmäßig aktualisieren zu müssen. Viell

Schaufenster von schönen Websites mit Glitch-Effekten
Bilder und Videos mit Glitch sind in letzter Zeit zu einem der heißesten Trends im Webdesign geworden. Nur ein paar Zeilen Code können Ihnen einen interaktiven Effekt geben, der der Kreativität Ihres Webdesigns viel hinzufügt und Ihrem Leben eine langweilige Benutzeroberfläche geben kann.In diesem Beitrag haben wir Websites zusammengestellt, die einen künstlerischen Eindruck von fehlerhaften Videos und Bildern geben, um auf verschiedene Weise Glitch-Effekte zu erzeugen . Sehe