Elementzustand (Desktop, Hover...)

Obwohl Slidde so einfach wie ein Grafikdesign-Tool ist, sind Elementzustände die Funktion, die responsives Webdesign und interaktive Animationen ermöglicht. Durch die Verwendung von Elementzuständen können Sie ein schönes Poster erstellen und es dann in eine echte Webseite verwandeln.

Durch Klicken auf die -Schaltfläche können Sie sehen, welche Elementzustände für diese Stil-Eigenschaft zulässig sind.

Standard

Der Standardzustand für diese Stil-Eigenschaft.

Desktop

Der Desktop-Zustand ist speziell für Desktop-Bildschirme definiert. Dies ermöglicht es Ihnen, Ihr Design für größere Displays anzupassen und so ein optimales Layout und Funktionalität auf Desktop-Geräten sicherzustellen.

Wenn Sie einen Desktop-Zustand für eine Stil-Eigenschaft hinzufügen, gilt der Standardzustand für mobile Bildschirme und der Desktop-Zustand für Desktop-Bildschirme. Normalerweise setzen Sie große Schriftgrößen und Abstände für den Desktop-Zustand.

Hover

Der Hover-Zustand wird ausgelöst, wenn ein Benutzer den Cursor über ein Element bewegt. Er ist nützlich, um Interaktivität anzuzeigen, wie z.B. das Hervorheben von Schaltflächen oder Links.

Normalerweise können Sie Farben, Skalierung und Drehung für Hover-Zustände festlegen.

Gedrückt

Der gedrückte Zustand wird aktiviert, wenn ein Element angeklickt oder angetippt wird. Dies kann verwendet werden, um einen visuellen Rückmeldungseffekt zu erzeugen, der anzeigt, dass eine Schaltfläche oder ein Link gedrückt wurde.

Ausgewählt

Der ausgewählte Zustand gilt für eine Schaltfläche oder einen Link, wenn er mit der aktuellen URL übereinstimmt. Dies wird häufig für Navigationsmenüs verwendet, um die aktive Seite hervorzuheben.

Fokus

Der Fokus-Zustand wird für Eingabefelder und Textbereiche verwendet, wenn sie ausgewählt sind, typischerweise über die Tastaturnavigation. Dies hilft Benutzern zu erkennen, welches Eingabefeld aktiv ist.

Platzhalter

Der Platzhalterzustand gestaltet den Platzhaltertext innerhalb von Eingabefeldern und Textbereichen. Dies kann angepasst werden, um Ihrem Designästhetik zu entsprechen.