답변 1개
채택된 답변
+20 포인트
11개월 전
다음 코드가 도움이 될지 모르겠습니다.
</p>
<p><!DOCTYPE html>
<html>
<head>
<style>
.underline-brush {
--color-f: #ee8500;
display: inline-block;
color: var(--color-f);
transform: rotate(-3deg);
}
.underline-brush::before {
content: '';
position: absolute;
width: 130%;
height: 0.05em;
overflow: hidden;
bottom: 0;
background-image: linear-gradient(90deg, transparent 0%, var(--color-f) 30%, var(--color-f) 70%, transparent 100%);
}
</style>
</head>
<body>
<ul>
<li><span class="underline-brush">첫번째 이유!</span></li>
<li>123<span class="underline-brush">첫번째 이유!</span>abc</li>
<li>123<span class="underline-brush">asdfghkjasdfghkjasdfghkjasdfghkj</span>abc</li>
</ul>
</body>
</html></p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
허걱김선생
11개월 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
감사합니다.