• Регистрация
  • Вход
MENU
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Обо всём » Собираем скрипты » Кнопка для сайта (Кнопка отзывы и предложения)
Кнопка для сайта
artnovДата: Воскресенье, 23.11.2014, 18:25 | Сообщение # 1
Начальник сайта
Группа: Администраторы
Сообщений: 149
Награды: 0
Репутация: 0
Статус: Offline
CSS код
<style>
a.button14 {  display: inline-block;  text-shadow: 1px 1px #fff;  text-decoration: none;  padding: .3em 1em;  border: 1px solid #aaa;  border-radius: 100px;  outline: none;  background: #fdfd9f no-repeat;  background-image:   linear-gradient(to left, #aaa, #aaa),   linear-gradient(to left, #feffe8, #feffe8),   linear-gradient(#7d8b91, #daeaf0);  background-position: calc(100% - 2.7em) 0, calc(100% - 2.7em + 1px) 0, 0 0;  background-size: 2px 100%, 2px 100%, auto auto;  overflow: hidden;}a.button14:after {  content: "\bb";  position: relative;  bottom: 0;  display: inline-block;  margin-left: 1.4em;  vertical-align: middle;  font-family: "Times","Times New Roman","serif","sans-serif","EmojiSymbols";  font-weight: 700;  font-size: 140%;  -webkit-transform: rotate(90deg);  transform: rotate(90deg);}a.button14:hover {  background-color: #fdfd9f;  background-image:   linear-gradient(to left, #aaa, #aaa),   linear-gradient(to left, #feffe8, #feffe8),   linear-gradient(#fffce7, #fdfd9f);}a.button14:active:after {  bottom: -1.2em;  transition: .3s;}</style>

И код кнопки

Код
<a href="http://www.novickiy.ru/index/0-3" class="button14">Отзывы и предложения</a>
 


 Ссылка на публикацию
 
html-cсылка на публикацию
BB-cсылка на публикацию


Artnov
 
Форум » Обо всём » Собираем скрипты » Кнопка для сайта (Кнопка отзывы и предложения)
Страница 1 из 11
Поиск: