Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /**
- * The first commented line is your dabblet’s title
- */
- body{
- background: #446c52;
- min-height: 100%;
- }
- .button {
- /* IE10 Consumer Preview */
- background-image: -ms-radial-gradient(center top, circle closest-corner, #6085AE 0%, #1D2837 100%);
- /* Mozilla Firefox */
- background-image: -moz-radial-gradient(center top, circle closest-corner, #6085AE 0%, #1D2837 100%);
- /* Opera */
- background-image: -o-radial-gradient(center top, circle closest-corner, #6085AE 0%, #1D2837 100%);
- /* Webkit (Safari/Chrome 10) */
- background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #6085AE), color-stop(1, #1D2837));
- /* Webkit (Chrome 11+) */
- background-image: -webkit-radial-gradient(center top, circle closest-corner, #6085AE 0%, #1D2837 100%);
- /* W3C Markup, IE10 Release Preview */
- background-image: radial-gradient(circle closest-corner at center top, #6085AE 0%, #1D2837 100%);
- text-align: center;
- color: white;
- font-weight: bold;
- text-shadow:0px 1px 1px #000000;
- border-radius: 3px;
- border-bottom: 1px inset #415b7c;
- border-left: 1px inset #1b2531;
- border-right: 1px inset #1b2531;
- height: 33px;
- width: 103px;
- display: block;
- -webkit-box-shadow: 1px 3px 6px rgba(50, 50, 50, 0.8);
- -moz-box-shadow: 1px 3px 6px rgba(50, 50, 50, 0.8);
- box-shadow: 1px 3px 6px rgba(50, 50, 50, 0.8);
- position: relative;
- }
- .button:before {
- content: "";
- position: absolute;
- background: -webkit-linear-gradient(left, #4c5e70 0%,#ccdee6 50%,#4c5e70 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(left, #4c5e70 0%,#ccdee6 50%,#4c5e70 100%); /* Opera 11.10+ */
- top: 0px;
- bottom: -2px;
- height: 1px;
- left: 0;
- border-radius: 5px;
- width: 100%;
- }
- .button:after {
- content: "";
- position: absolute;
- bottom: 0;
- background: red;
- height: 1px;
- left: 0;
- border-radius: 5px;
- width: 100%;
- background: -webkit-linear-gradient(left, #212f3f 0%,#415b7c 50%,#212f3f 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(left, #212f3f 0%,#415b7c 50%,#212f3f 100%); /* Opera 11.10+ */
- background: linear-gradient(left, #212f3f 0%,#415b7c 50%,#212f3f 100%); /* W3C */
- }
Add Comment
Please, Sign In to add comment