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

  • Автор темы phpMaster
  • Дата начала
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.017
Реакции
432
ICQ
564739604 564739604
можно было бы и скрин прикрепить, чтобы видеть как кнопки подсвечиваются. Может оно того не стоит? )
 
APTEMOH
Участник
Сообщения
889
Реакции
256
Telegram
APTEMOH
wh1skas написал(а):
можно было бы и скрин прикрепить, чтобы видеть как кнопки подсвечиваются. Может оно того не стоит? )


Да, не стоит ) Видел и красивее кнопки.
 
Вячеслав
Местный
Сообщения
229
Реакции
21
Тени) А там можно и самому подправить, что вам не нравится wh1skas
 
wh1skas
wildcake
Участник
Сообщения
1.017
Реакции
432
ICQ
564739604 564739604
Вячеслав написал(а):
Тени) А там можно и самому подправить, что вам не нравится wh1skas
Согласен, что можно и подправить. Но как по мне, так лучше юзать готовый инструмент, например этот: http://maxzon.ru/button_gen/index.html
Тут уж крути как захочешь )
 
Вячеслав
Местный
Сообщения
229
Реакции
21
wh1skas ого!!! Сколько кнопочек!!! я тебе сколько денег должен?)
 
Вячеслав
Местный
Сообщения
229
Реакции
21
Последнее редактирование:
Сверху