Question

Как назначить правильно свойство transition кнопке (button)? хочу чтобы цвет плавно менялся при наведении курсора

Answer 1

Прочтите материал http://shpargalkablog.ru/2011/07/transformaciya-css.html показан простой пример.

Comments

Не понимаю куда здесь вставлять style, и что заворачивать в div

 <style> .transition {   transition: 3s; } </style>  <div class="blok transition"> </div>

#casing input[type='submit'],#casing input[type='reset'],#casing input[type='button'],#casing button {font-size:14px!important; padding:7px 7px;
 margin:0 0 1px; border:none; font-weight:normal!important; cursor:pointer; background-color:#1abc9c; text-transform:uppercase; color:#fff;
 width:auto !important; }
input.commFl,textarea.commFl,.prosFl,.consFl,.mchat,.sidebox .loginField,.postTextFl {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#mchatMsgF {min-height:60px;max-width:98%;}
#casing textarea {resize: vertical;}
#MCaddFrm table {border-spacing:0;}
#MCaddFrm table td {padding:2px 0;}
#casing input[type='submit']:hover,#casing input[type='reset']:hover,#casing input[type='button']:hover,#casing button:hover {background-color:#f27935; color:#fff; }

---

Дима Липилин,

Стуле заворачивать не нужно, то что между него вставить в стили или если на отдельной странице сделать такие кнопки, то скопировать готовый код, в примере по ссылке все готовое, лишь вставить на страницу.