RKFollow Me on X

Text Highlighter

Generate highlighter effect CSS code

Highlight Your Text in Seconds Here

Settings

or
Arrows left and right
Arrows up and down
Arrows left and right
Top left radiusBottom right radius
Bottom left radiusTop right radius
.highlight {
margin: 0em -0.4em;
padding: 0.1em 0.4em;
border-radius: 0.8em 0.3em;
background: transparent;
color: currentColor;
background-image: linear-gradient(to right, #ffe1001a, #ffe100ae);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}