...
Кнопки
Страница: 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