CSS Textmarker-Generator

Mit diesem CSS Textmarker-Generator erstellst du Markierstift-Effekte für Text. Passe Vorschau-Schriftgröße, Zeilenhöhe, Linienstärke, Padding, Position, Transparenz sowie einfarbige oder verlaufende Farben an und kopiere anschließend das CSS für inline Textelemente.

Anpassung

Text eingeben

Schriftgröße {{ fontSize }}px

Zeilenhöhe {{ lineHeight }}px

Linienstärke {{ lineWeight }}em

Linienposition {{ linePosition }}em

em

Padding X {{ paddingX }}em

Padding Y {{ paddingY }}em

Textmarkerfarbe

Deckkraft {{ opacity.toFixed(2) }}

Farbe

{{ markerColorStart }}

Verlaufsendfarbe

{{ markerColorEnd }}

Vorschau

inline

{{ sampleText }}

CSS