Artikel
Praxisnahe Ratgeber zu den Online-Tools von SmartPlusLab.
-
CSS-Grid-Code mit Spalten, Zeilen und Abständen erzeugen
Mit dem CSS Grid Generator erzeugen Sie CSS-Grid-Code aus Spalten-, Zeilen- und Abstandswerten. Zahlen werden bei Spalten und Zeilen in passende `repeat`-Vorlagen überführt, während eigener CSS-Text erhalten bleibt.
-
CSS-Gradienten mit linearem oder radialem Verlauf erzeugen
Geben Sie Verlaufstyp, Richtung und Farben ein, um CSS-Code für einen linearen oder radialartigen Farbverlauf zu erzeugen. Ohne eigene Eingaben greifen voreingestellte Werte.
-
CSS formatieren und einrücken: Beautify oder Minify
Fügen Sie CSS als Text ein, wählen Sie Beautify oder `minify` und legen Sie für nicht leere Eingaben eine Einrückung zwischen 0 und 8 fest. Ein leeres oder nur aus Leerraum bestehendes Feld erzeugt ein leeres Ergebnis, während andere Eingaben von den geltenden Verarbeitungsbedingungen abhängen.
-
CSS-Flexbox-Layoutcode mit Richtung und Abstand erzeugen
Mit dem Generator erstellen Sie einen CSS-Flexbox-Codeausschnitt, indem Sie Richtung, Justierung, Ausrichtung, Umbruch und Abstand festlegen. Nicht angegebene Werte erhalten die vorgesehenen Standardwerte.
-
Benannte Farben nach Namen oder Hexadezimalwert finden
Suchen Sie mit einem Farbnamen oder einem sechsstelligen Hexadezimalwert nach einer benannten Farbe und ihren RGB-Werten. Bleibt der direkte Abgleich bei einem gültigen sechsstelligen Wert aus, kann zusätzlich eine nächstgelegene benannte Farbe erscheinen.
-
CSS-Clip-Path für Kreis und Ellipse erstellen
Wählen Sie eine benannte Form und passen Sie bei Kreis oder Ellipse optional Größe und Position an. Danach erzeugt das Werkzeug ein CSS-Snippet mit einer `clip-path`-Deklaration.
-
CSS-Box-Schatten mit einem Generator erstellen
Der Generator erstellt aus optionalen Versatz-, Weichzeichnungs-, Ausdehnungs- und Farbwerten eine CSS-`box-shadow`-Deklaration. Für einen inneren Schatten schalten Sie die dafür vorgesehene Option ein.
-
CSS-Animation mit Keyframes erstellen: Anleitung für den Generator
Sie können mit dem CSS Animation Generator eine CSS-Keyframe-Animation mit eigenem Namen, eigener Dauer, Easing, Richtung und eigenem Füllmodus erzeugen. Die Ausgabe enthält einen festen Einblend- und Aufwärtsbewegungsablauf.
-
Fiktive Kreditkartennummern für Tests generieren
Mit dem Generator erstellen Sie fiktive Kreditkartennummern für Tests und können Anzahl, Kartentyp sowie optionale Zusatzangaben festlegen. Die Ausgabe ist für Testdaten bestimmt, nicht für reale Zahlungen.
-
Countdown bis zu einem Datum und einer Uhrzeit berechnen
Geben Sie ein zukünftiges Datum und eine Uhrzeit im Format `YYYY-MM-DD HH:MM` ein und starten Sie die Berechnung. Sie erhalten die verbleibende Dauer als Gesam tsekunden sowie in Tagen, Stunden, Minuten und Sekunden.
-
Zinseszins mit Einzahlungen berechnen
Geben Sie Kapital, Zinssatz, Dauer und Verzinsungsintervall ein und ergänzen Sie bei Bedarf positive Beiträge. Der Rechner bestimmt daraus ein gerundetes Zinseszinswachstum.
-
Hellere und dunklere HEX-Farbvarianten erzeugen
Geben Sie einen Hex-Farbwert ein, legen Sie Schrittzahl und Variantengruppen fest und starten Sie die Verarbeitung. Die Ausgabe enthält die gewählten helleren und/oder dunkleren Varianten mit der festgelegten Anzahl an Einträgen.