본문 바로가기

.myButton { box-shadow: 0px 2px 14px -7px #276873; background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%); background-color:#599bb3; border-radius:13px; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:27px; font-weight:bold; padding:27px 55px; text-decoration:none; text-shadow:0px 5px 0px #3d768a; } .myButton:hover { background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%); background-color:#408c99; } .myButton:active { position:relative; top:1px; } .myButton { -moz-box-shadow: 0px 0px 16px 0px #276873; -webkit-box-shadow: 0px 0px 16px 0px #276873; box-shadow: 0px 0px 16px 0px #276873; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d1f3ff), color-stop(1, #78c1cc)); background:-moz-linear-gradient(top, #d1f3ff 5%, #78c1cc 100%); background:-webkit-linear-gradient(top, #d1f3ff 5%, #78c1cc 100%); background:-o-linear-gradient(top, #d1f3ff 5%, #78c1cc 100%); background:-ms-linear-gradient(top, #d1f3ff 5%, #78c1cc 100%); background:linear-gradient(to bottom, #d1f3ff 5%, #78c1cc 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1f3ff', endColorstr='#78c1cc',GradientType=0); background-color:#d1f3ff; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; display:inline-block; cursor:pointer; color:#3508ff; font-family:Arial; font-size:27px; font-weight:bold; padding:27px 55px; text-decoration:none; text-shadow:0px 0px 0px #3d768a; } .myButton:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #78c1cc), color-stop(1, #d1f3ff)); background:-moz-linear-gradient(top, #78c1cc 5%, #d1f3ff 100%); background:-webkit-linear-gradient(top, #78c1cc 5%, #d1f3ff 100%); background:-o-linear-gradient(top, #78c1cc 5%, #d1f3ff 100%); background:-ms-linear-gradient(top, #78c1cc 5%, #d1f3ff 100%); background:linear-gradient(to bottom, #78c1cc 5%, #d1f3ff 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#78c1cc', endColorstr='#d1f3ff',GradientType=0); background-color:#78c1cc; } .myButton:active { position:relative; top:1px; }