Mesh-Gradient-Hintergrund
Mehrere Farbpunkte überlagern, einen auroraartigen Mesh-Gradient-Hintergrund erstellen und als CSS kopieren
도구를 불러오는 중…
🔒 Alles läuft zu 100 % in Ihrem Browser. Ihre Dateien und Eingaben werden niemals auf einen Server hochgeladen.
Ein Tool, das mehrere halbtransparente kreisförmige Verläufe überlagert und daraus die derzeit angesagten aurora- bzw. meshartigen Hintergründe erzeugt. Passe Position, Farbe und Weichzeichnung der Farbpunkte an, um einen sanften Hintergrund zu gestalten, und kopiere ihn als reines CSS.
Anleitung
- Passe die Anordnung über die Farbe der Farbpunkte und die Regler für die X- und Y-Position an.
- Erhöhe die Zahl mit „Farbpunkt hinzufügen" auf bis zu 8 oder erkunde Kombinationen mit „Zufällig anordnen".
- Lege Grundfarbe des Hintergrunds und Stärke der Weichzeichnung fest, um die Gesamtstimmung abzurunden.
- Hole dir die background-Eigenschaft über die Schaltfläche „CSS kopieren" und füge sie ein.
FAQ
- Wird meine Arbeit auf einem Server gespeichert?
- Nein. Das Anpassen von Farben und Positionen sowie die CSS-Erzeugung laufen vollständig im Browser ab; keinerlei Informationen werden an einen Server gesendet oder gespeichert.
- Ist das echtes CSS und kein Bild?
- Ja. Das Ergebnis ist eine reine CSS-background-Eigenschaft aus mehreren übereinandergelegten radial-gradient. Es ist keine Bilddatei, hat daher keine Dateigröße und wird in jeder Bildschirmgröße gestochen scharf dargestellt.
- Kann ich auch einen bewegten Hintergrund erstellen?
- Dieses Tool erzeugt einen statischen Hintergrund als CSS. Für Bewegung setzt du das kopierte background in ein großes Element und lässt mit CSS-animation die background-position oder das Element langsam wandern – so entsteht ein fließender Aurora-Effekt.