CSS Gradient Generator
CSS Gradient Generator ist eine Anwendung, die es Benutzern ermöglicht, Gradienten einfach zu erstellen und zu verwalten. Die Anwendung besteht aus mehreren wichtigen Teilen.
Gradient-Liste Auf der linken Seite befindet sich die Liste der Schichten. Wenn mindestens eine Schicht in der Liste vorhanden ist, kann man den endgültigen Code herunterladen, indem man auf die entsprechende Schaltfläche klickt. In diesem Bereich kann man die Reihenfolge der Schichten verwalten, sie löschen und ihre Sichtbarkeit ausschalten. Wenn eine bestimmte Schicht auf unsichtbar gesetzt wird, wird sie bei der Erstellung des endgültigen Codes nicht berücksichtigt.
Schicht-Einstellungsbereich Wenn man auf eine bestimmte Schicht in der Schicht-Ansicht am unteren Rand des Bildschirms klickt, erscheint der Einstellungsbereich. In der linken oberen Ecke dieses Bereichs befinden sich Schaltflächen, die zum Einstellen des Gradient-Typs genutzt werden. Direkt daneben befindet sich eine Schaltfläche, die den Bereich mit den Einstellungen eines bestimmten Gradienten öffnet, wie Größe, Wiederholbarkeit, Gesamttransparenz, Mischmodus usw. Man kann die Werte in den Eingabefeldern ändern, indem man tippt, die Mausrolle nutzt oder auf das Feld klickt und den Cursor nach oben oder unten zieht.
Hauptbereich Wenn man eine Schicht aus dem linken Bereich auswählt, kann man auf dem Hauptbereich ihren Brennpunkt, die Richtung des Gradienten sowie die Position des Gradienten einstellen. Diese Optionen sind je nach Typ und Größe des jeweiligen Gradienten verfügbar.
Bibliothek Die Bibliothek wird genutzt, um die gespeicherten Arbeiten zu speichern. Um sie anzuzeigen, klickt man auf das entsprechende Symbol. Wenn man mindestens eine Schicht zu seiner Arbeit hinzufügt, kann man die gesamte aktuelle Arbeit in die Bibliothek speichern. Wenn man auf ein Element in der Bibliothekliste klickt, werden seine Schichten zu seiner aktuellen Arbeit hinzugefügt, ohne dass vorhandene Schichten entfernt werden.
CSS Gradient Generator bietet also viele Funktionen, um die Erstellung und Verwaltung von Gradienten zu vereinfachen und die Arbeit mit ihnen zu ermöglichen.