1원팁) 그누x초딩님이 부탁한 네임펜 효과
- css -
[code]
.namepen {
width: fit-content;
padding: 0 0.25%;
position: relative;
z-index: 1;
}
.namepen::after {
position: absolute;
display: block;
content: '\00a0';
width: 100%;
left: 0;
right: 0;
top: 50%;
height: 60%;
background-color: #ffe360;
transform: skew(-5deg);
z-index: -1;
}
[/code]
- 사용법 -
[code]
<div>이것은 <span class="namepen">네임펜 효과</span>입니다</div>
[/code]
이거 맞나요? 그누x초딩님?
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 6개
감사합니다.