사이트 구축·운영 인사이트, SIR 블로그
이전
목록
다음
수

그림자 단추

수다왕
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2017-09-07 (목) 11:31:43 · 1905

그림자 단추

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

이 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,047
CSS 17-09-10 조회 2,444
CSS 17-09-09 조회 2,030
CSS 17-09-09 조회 2,273
CSS 17-09-09 조회 2,065
CSS 17-09-07 조회 1,939
CSS 17-09-07 조회 2,311
CSS 17-09-07 조회 1,906
CSS 17-09-06 조회 2,003
CSS 17-09-06 조회 2,103
CSS 17-09-06 조회 2,111
CSS 17-09-02 조회 1,913
CSS 17-09-02 조회 4,605
CSS 17-09-02 조회 2,518
CSS 17-09-01 조회 2,925
CSS 17-09-01 조회 2,470
CSS 17-09-01 조회 2,393
CSS 17-08-31 조회 2,267
CSS 17-08-31 조회 2,560
CSS 17-08-31 조회 2,290
CSS 17-08-29 조회 2,439
CSS 17-08-29 조회 2,815
CSS 17-08-29 조회 2,139
CSS 17-08-25 조회 2,778
CSS 17-08-25 조회 2,200
CSS 17-08-25 조회 1,964
CSS 17-08-24 조회 1,641
CSS 17-08-24 조회 1,959
CSS 17-08-24 조회 2,740
CSS 17-08-23 조회 2,419
글쓰기