1원팁) 그누x초딩님이 부탁한 네임펜 효과 > 그누보드5 팁자료실

그누보드5 팁자료실

1원팁) 그누x초딩님이 부탁한 네임펜 효과 정보

1원팁) 그누x초딩님이 부탁한 네임펜 효과

본문

31258236_1608111846.449.png

- 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개

목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로