이런 붓 선 효과는 어떻게 내나요? (포토샵.일러스트)
본문
수고하십니다.
이런 선 효과는 어떻게 내야 하나요?
포토샵에서 해야 할 지 일러에서 할지
필터가 없는 거 같은데 이런 효과를 가진 필터가 있을 까요?
조언 좀 부탁드립니다.
감사합니다.
답변 1
다음 코드가 도움이 될지 모르겠습니다.
<!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>
이렇게도 가능하군요.
감사합니다.
답변을 작성하시기 전에 로그인 해주세요.
