|
| Дата: Понедельник, 20.08.2012, 15:57 | Сообщение # 1 |
|
Группа: Администраторы
Сообщений: 1530
| 
Красивая интерактивная кнопка
<style>
a {
display: inline-block;
/*position: relative;*/
padding: 7px 15px !important;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
font: 15px "Arial","myriad-pro-2","Lucida Grande",Sans-Serif;
background-color: #B6D3F4;
background-image: -webkit-gradient(linear, left top, left bottom, from(#B6D3F4), to(#5483B8));
background-image: -webkit-linear-gradient(top, #B6D3F4, #5483B8);
background-image: -moz-linear-gradient(top, #B6D3F4, #5483B8);
background-image: -ms-linear-gradient(top, #B6D3F4, #5483B8);
background-image: -o-linear-gradient(top, #B6D3F4, #5483B8);
color: white !important;
-webkit-box-shadow: inset 0 1px 1px white,0 3px 3px rgba(0, 0, 0, 0.6);
-moz-box-shadow: inset 0 1px 1px white,0 3px 3px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 1px white,0 3px 3px rgba(0, 0, 0, 0.6);
border: 1px solid #9AC9FF !important;
font-weight: 600;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
text-decoration:none;
}
a:hover {
background-color: #0000ff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#B6D3F4), to(#0000ff));
background-image: -webkit-linear-gradient(top, #B6D3F4, #0000ff);
background-image: -moz-linear-gradient(top, #B6D3F4, #0000ff);
background-image: -ms-linear-gradient(top, #B6D3F4, #0000ff);
background-image: -o-linear-gradient(top, #B6D3F4, #0000ff);
}
</style>
<a href="">Button</a>
|
| |
| |
|
|
Играйте бесплатно в 
