메인메뉴
- HOME >
- 커뮤니티 >
- 자유 게시판 >
- 전체
자유 게시판 - 전체
| 자유 HTML CSS 버튼만들기 스크립트표 | |||||
| 작성자 | 중사2Vaccination | 작성일 | 2015-06-10 00:17 | 조회수 | 148 |
|---|---|---|---|---|---|
<!DOCTYPE html><a href='#' class='ClassName'>Button</a><style type="text/css">.ClassName {text-decoration:none;font-family:Arial;box-shadow:inset #423542 0px 5px 8px -1px,#0f0c0f 1px 3px 2px;o-box-shadow:inset #423542 0px 5px 8px -1px,#0f0c0f 1px 3px 2px;-moz-box-shadow:inset #423542 0px 5px 8px -1px,#0f0c0f 1px 3px 2px;-webkit-box-shadow:inset #423542 0px 5px 8px -1px,#0f0c0f 1px 3px 2px;background:#0b494d;background:-o-linear-gradient(90deg, #0b494d, #a1b9cc);background:-moz-linear-gradient( center top, #0b494d 5%, #a1b9cc 100% );background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0b494d), color-stop(1, #a1b9cc) );filter:progid:DXImageTrans_m.Microsoft.gradient(startColorstr='#0b494d', endColorstr='#a1b9cc');background:-webkit-linear-gradient(#0b494d, #a1b9cc);background:-ms-linear-gradient(#0b494d, #a1b9cc);background:linear-gradient(#0b494d, #a1b9cc);text-indent:0px;line-height:30px;-moz-border-radius:25px 25px 0 0;-webkit-border-radius:25px 25px 0 0;border-radius:25px 25px 0 0;text-align:center;vertical-align:middle;display:inline-block;font-size:20px;color:#0d0d0d;width:100px;height:30px;padding:13px;text-shadow:#213d47 2px 2px 0px;border-color:#f0f0f0;border-width:2px;border-style:solid;}.ClassName:active {box-shadow:inset #423542 0px 5px 8px -1px,#0f0c0f 1px 0 2px;o-box-shadow:inset #423542 0px 5px 8px -1px,#0f0c0f 1px 0 2px;-moz-box-shadow:inset #423542 0px 5px 8px -1px,#0f0c0f 1px 0 2px;-webkit-box-shadow:inset #423542 0px 5px 8px -1px,#0f0c0f 1px 0 2px;position:relative;top:3px}.ClassName:hover {background:#a1b9cc;background:-o-linear-gradient(90deg, #a1b9cc, #0b494d);background:-moz-linear-gradient( center top, #a1b9cc 5%, #0b494d 100% );background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a1b9cc), color-stop(1, #0b494d) );filter:progid:DXImageTrans_m.Microsoft.gradient(startColorstr='#a1b9cc', endColorstr='#0b494d');background:-webkit-linear-gradient(#a1b9cc, #0b494d);background:-ms-linear-gradient(#a1b9cc, #0b494d);background:linear-gradient(#a1b9cc, #0b494d);}</style> |
|||||
- 다음글 여친업삳여친줘라
- 이전글 1920 x 1080 해상도로
