AWS AWS 디딤 클라우드

알림톡 통합메시징(알림톡)

이니톡 결제 이니톡(알림톡) 결제!

일본결제지원 일본결제지원!

이전
목록
다음
수

그림자 단추

수다왕
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2017-09-07 (목) 11:31:43 · 1889

그림자 단추

그림자 버튼 마우스를 올리면 그림자가납니다.

이 box-shadow속성을 사용하여 단추에 그림자를 추가 하십시오 .


7d01d6897993661645a16b4910faa646_1504751492_7648.png
 

예

.button1 {

    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}


.button2:hover {

    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);

}

|
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

1,282건

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
CSS 17-09-10 조회 2,018
CSS 17-09-10 조회 2,433
CSS 17-09-09 조회 2,008
CSS 17-09-09 조회 2,258
CSS 17-09-09 조회 2,050
CSS 17-09-07 조회 1,925
CSS 17-09-07 조회 2,294
CSS 17-09-07 조회 1,890
CSS 17-09-06 조회 1,982
CSS 17-09-06 조회 2,085
CSS 17-09-06 조회 2,093
CSS 17-09-02 조회 1,892
CSS 17-09-02 조회 4,589
CSS 17-09-02 조회 2,500
CSS 17-09-01 조회 2,909
CSS 17-09-01 조회 2,439
CSS 17-09-01 조회 2,370
CSS 17-08-31 조회 2,251
CSS 17-08-31 조회 2,535
CSS 17-08-31 조회 2,270
CSS 17-08-29 조회 2,421
CSS 17-08-29 조회 2,803
CSS 17-08-29 조회 2,116
CSS 17-08-25 조회 2,753
CSS 17-08-25 조회 2,177
CSS 17-08-25 조회 1,943
CSS 17-08-24 조회 1,621
CSS 17-08-24 조회 1,945
CSS 17-08-24 조회 2,717
CSS 17-08-23 조회 2,399
글쓰기