Question

у меня на сайте есть такая фишка:

---

При наведении меняется цвет...

 

Мой вопрос: Как сделать такие кнопки на обычной странице?

Answer 1

Чтобы на обычной странице, добавляете кнопку примерно вот таким кодом:

<a href="/" class="baton">Я кнопка</a>

в стили пропишите:

.baton {
display: inline-block;
    padding: 7px 20px;
    margin: 0 3px;
    font-family: 'BebasNeue';
    color: #fde0ab;
    font-size: 15px;
    text-transform: uppercase;
    background: #486b56;    
}
.baton:hover {text-decoration:none; background:#351a00;}

вот и все, после кнопки на любой странице будут выглядеть как вам нужно.

Comments

Спасибо, а то думал что придётся изпользовать этот скрипт:

 

 <style type="text/css">  .izo {  background: url(http://изо1.jpg) no-repeat 50% 50%;   display: block; width: 400px;  height: 400px;  }  .izo:hover {  background: url(http://изо2.jpg) no-repeat 50% 50%;  } </style>   <a href="#" class="izo"></a>

 

И думал придётся создавать картинки с зеленым фоном и чёрным