Красивая интерактивная кнопка на CSS Красивая интерактивная кнопка на CSS - Архив
Красивая интерактивная кнопка на CSS
DownLoad_Free

Красивая интерактивная кнопка на CSS - Архив

Нашли ошибку или
хотите что-то сообщить -
жмите Ctr+Enter Система Orphus



    [Ленточный вид форума] [Поиск] [RSS]



Страница 1 из 11
Архив » История мировых и локальных событий » История развития сайта » Красивая интерактивная кнопка на CSS (совместимая с IE)
Красивая интерактивная кнопка на CSS
Дата: Понедельник, 20.08.2012, 15:57 | Сообщение # 1
Группа: Администраторы
Сообщений: 1524


Красивая интерактивная кнопка

<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>
 
Дата: Пятница, 31.08.2012, 14:48 | Сообщение # 2
Группа: Администраторы
Сообщений: 1524
Онлайн Сервисы, где можно сделать свою кнопку в визуальном режиме:

http://css3button.net/
http://maxzon.ru/button_gen/index.html
 
Архив » История мировых и локальных событий » История развития сайта » Красивая интерактивная кнопка на CSS (совместимая с IE)
Страница 1 из 11
Поиск:


Copyright kachay.ucoz.org © 2008-2016Хостинг от uCoz
^ Наверх ^
Пригодилось!