CSS 텍스트 하이라이터 생성기

이 CSS 텍스트 하이라이터 생성기는 마커펜 스타일의 텍스트 강조 효과를 쉽게 만들 수 있는 도구입니다. 미리보기 글자 크기, 줄 높이, 선 두께, padding, 위치, 투명도, 단색 또는 그라데이션 색상을 조정한 뒤 생성된 CSS를 inline 텍스트 요소에 적용할 수 있습니다.

사용자 설정

텍스트 입력

글자 크기 {{ fontSize }}px

줄 높이 {{ lineHeight }}px

선 두께 {{ lineWeight }}em

선 위치 {{ linePosition }}em

em

가로 여백 {{ paddingX }}em

세로 여백 {{ paddingY }}em

하이라이터 색상

투명도 {{ opacity.toFixed(2) }}

색상

{{ markerColorStart }}

그라데이션 끝 색상

{{ markerColorEnd }}

미리보기

인라인

{{ sampleText }}

CSS