22'C 구름 많음
서울 강남구
CSS
.namepen {
width: fit-content;
padding: 0 0.25%;
position: relative;
z-index: 1;
}
.namepen::after {
position: absolute;
display: block;
content: ' 0a0';
width: 100%;
left: 0;
right: 0;
top: 50%;
height: 60%;
background-color: #ffe360;
transform: skew(-5deg);
z-index: -1;
}
<div>이것은 <span class="namepen">네임펜 효과</span>입니다</div>