이전
목록
다음
수

그림자 단추

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

그림자 단추

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

이 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,028
CSS 17-09-10 조회 2,436
CSS 17-09-09 조회 2,016
CSS 17-09-09 조회 2,264
CSS 17-09-09 조회 2,055
CSS 17-09-07 조회 1,930
CSS 17-09-07 조회 2,302
CSS 17-09-07 조회 1,898
CSS 17-09-06 조회 1,994
CSS 17-09-06 조회 2,095
CSS 17-09-06 조회 2,102
CSS 17-09-02 조회 1,902
CSS 17-09-02 조회 4,594
CSS 17-09-02 조회 2,509
CSS 17-09-01 조회 2,916
CSS 17-09-01 조회 2,454
CSS 17-09-01 조회 2,382
CSS 17-08-31 조회 2,257
CSS 17-08-31 조회 2,549
CSS 17-08-31 조회 2,275
CSS 17-08-29 조회 2,426
CSS 17-08-29 조회 2,808
CSS 17-08-29 조회 2,126
CSS 17-08-25 조회 2,764
CSS 17-08-25 조회 2,185
CSS 17-08-25 조회 1,953
CSS 17-08-24 조회 1,629
CSS 17-08-24 조회 1,952
CSS 17-08-24 조회 2,732
CSS 17-08-23 조회 2,407
글쓰기