Effekte
Rein dekorative Bausteine ohne didaktische Funktion — aus Inspira UI übernommen.
Alles auf dieser Seite stammt aus Inspira UI (MIT-Lizenz, © 2024–2026 rahulv.dev) und ist bewusst Schmuck. Für diese Komponenten gilt das Farb-Gate der Bibliothek nicht: feste Farben und Verläufe sind hier erlaubt, weil sie den Effekt ausmachen.
Sparsam einsetzen. In einer Schulung konkurriert jede Animation mit dem Inhalt.
FxBorderBeam
Lichtpunkt am Rand
Lenkt Aufmerksamkeit auf genau ein Element. Braucht einen Elternteil mit relativer Positionierung.
Nächster Schritt
Der Selbsttest führt in acht Fragen durch Sektor, Größe und Umsatz.
FxGlowingEffect
Schimmer bei Mausnähe
Reagiert auf den Abstand des Zeigers. disabled steht standardmäßig auf true.
FxMarquee
Laufendes Band
Für Zitate oder Logos. pauseOnHover hält beim Überfahren an.
Wir dachten, für uns gilt das nicht.
Zulieferer, 90 Beschäftigte
Dann kam die Anfrage des Kunden.
Geschäftsführung
Drei Wochen für den Nachweis.
IT-Leitung
Wir dachten, für uns gilt das nicht.
Zulieferer, 90 Beschäftigte
Dann kam die Anfrage des Kunden.
Geschäftsführung
Drei Wochen für den Nachweis.
IT-Leitung
Wir dachten, für uns gilt das nicht.
Zulieferer, 90 Beschäftigte
Dann kam die Anfrage des Kunden.
Geschäftsführung
Drei Wochen für den Nachweis.
IT-Leitung
Senkrecht und rückwärts
FxAnimatedTooltip
Kurzinfo, die dem Zeiger folgt
Für Personenleisten — etwa die Fachredaktion hinter einem Modul.
FxMeteors
Sternschnuppen
FxGlowBorder
Von innen leuchtender Rahmen
Nächster Schritt
Der Rahmen leuchtet.
FxNeonBorder
Leuchtröhren-Rahmen
Kritischer Hinweis
FxScales
Linienmuster als Fläche
FxProgressiveBlur
Zunehmende Unschärfe
Text, der nach unten hin unscharf wird.
FxLens
Lupe über einem Bild
FxSvgMask
Maske folgt der Maus
FxScratchToReveal
Freirubbeln
Für Auflösungen, die erst nach eigenem Zutun erscheinen sollen.
50 Beschäftigte
FxFloat
Schwebender Inhalt
Schwebt
FxParallaxFloat
Ebenen mit Tiefenwirkung
Ebenen bewegen sich unterschiedlich schnell mit dem Zeiger.
FxOrbit
Kreisende Elemente
A
FxCircularGallery
Inhalte kreisen
FxAnimateGrid
Aufklappendes Kachelraster
FxContainerScroll
Inhalt verformt sich beim Scrollen
FxMediaText
Bild zwischen zwei Textteilen
Wir dachten
es gilt nicht für uns
FxImagesBadge
Abzeichen mit Bildern
FxLinkPreview
Vorschau an einem Verweis
Nachzulesen beim BSI.
FxPathMarquee
Inhalt läuft an einer Linie entlang
erkennen · bewerten · melden ·
FxDitherShader
Gerastertes Bild
FxParticleImage
Bild zerfällt in Partikel
FxTetris
Spielbarer Hintergrund
Klick auf einen Block entfernt ihn. In einer Schulung eher eine Ablenkung als eine Hilfe.
FxShaderToy
Eigener GLSL-Shader
Nimmt ShaderToy-Quelltext entgegen. Hier ein Farbverlauf als kürzestmögliches Beispiel.
FxAnimatedModal
Dialog mit räumlichem Aufklappen
Bringt einen eigenen Auslöser mit, blockiert also nicht wie FxMultiStepLoader.
Inhalt des Dialogs.
FxTracingBeam
Leuchtstrich folgt dem Lesefortschritt
Beim Scrollen wächst der Strich links mit. Für lange Texte, in denen der Fortschritt sichtbar sein soll.