1원팁) 그누x초딩님이 부탁한 네임펜 효과 정보
1원팁) 그누x초딩님이 부탁한 네임펜 효과본문
- css -
.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;
}
- 사용법 -
<div>이것은 <span class="namepen">네임펜 효과</span>입니다</div>
이거 맞나요? 그누x초딩님?
!-->!-->
추천
6
6
댓글 6개
아네 감사합니다~
강조할 부분에 사용하면 좋을 것 같군요.
감사합니다.
감사합니다.
이해되요
오.. 형광펜효과?같기도 해요.. 스크랩 해둬야겠습니다..감사합니다^^
감사합니다
감사합니다.