...
Кнопки
Страница: 1
Сообщений 1 страница 3 из 3
Поделиться32015-01-31 22:36:02
Код:
border: medium solid rgb(222, 224, 205); border-radius: 6px; display: inline-block; margin: 10px !important; padding: 12px 20px; font-size: 18px; border-radius: 10px; background-color: #666666; box-shadow: 0 5px 5px #313131, 0 9px 0 #393939, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2), inset rgba(255,255,255,.6) 0 .3em .3em, inset rgba(0,0,0,.2) 0 -.1em .3em;; border-bottom: 1px solid rgba(255,255,255,0.2); text-shadow: 0px -1px 0px rgba(0,0,0,0.2); background: radial-gradient(rgba(255,255,255,0), rgba(255,255,255,.5)); transition: background .2s ease-in-out;
Код:
.ssyl {
color:#fff;
line-height: 32px;
border: 0px;
text-align: center;
width: 100px;
border-radius:16px;
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
-webkit-background-size: 12px 12px;
-moz-background-size: 12px 12px;
background-size: 12px 12px;
-moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
-o-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
display: inline-block;
text-decoration: none;
font-size: 14px;
padding: 0px;
}
.ssyl:before {
content: ".";
color:transparent;
line-height: 16px;
width: 90px;
margin-top: 0px;
margin-bottom: -17px;
margin-left: 5px;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1) );
background-image:-moz-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1));
border-radius:16px; display:block;
}Страница: 1
