Подсвечивающиеся кнопки при наведении на них курсора мышки

P

phpMaster

Чтобы получить на своем сайте светящиеся кнопки (button), Вам необходимо скопировать следующий стиль оформления кнопок на Вашу страничку:
HTML:
<style type="text/css">
.button {
padding: 3px 15px;
margin: 15px;
cursor: pointer;
border: 0px;
background-color: #339900;
font-size: 18px;
color: #000000;
box-shadow: 0 0 5px #FF00FF;
-moz-box-shadow: 0 0 5px #FF00FF;
-ms-box-shadow: 0 0 5px #FF00FF;
-o-box-shadow: 0 0 5px #FF00FF;
-webkit-box-shadow: 0 0 5px #FF00FF;
}
.button:hover {
box-shadow: 0 0 12px #6633FF;
-moz-box-shadow: 0 0 12px #6633FF;
-o-box-shadow: 0 0 12px #6633FF;
-ms-box-shadow: 0 0 12px #6633FF;
-webkit-box-shadow: 0 0 12px #6633FF;
}
</style>
Кнопки, к которым следует применить эффект свечения, следует оформлять следующим образом:
HTML:
<input class="button" type="submit" value="Отправить">
<input class="button" type="submit" value="Отменить">
 

wh1skas

wildcake
Участник
Сообщения
1.023
Реакции
438
ICQ
564739604 564739604
можно было бы и скрин прикрепить, чтобы видеть как кнопки подсвечиваются. Может оно того не стоит? )
 

wh1skas

wildcake
Участник
Сообщения
1.023
Реакции
438
ICQ
564739604 564739604

Вячеслав

Местный
Сообщения
219
Реакции
21
Последнее редактирование:
Сверху