SIR

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초딩님?

추천4

댓글 4개

전체 1,784 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT