CSS Hover на INPUT.homeButton

Question

Я хотел бы добавить легкий наведение над моими кнопками. С чего бы мне начать?

INPUT.homeButton { 
font-size: 12px; 
color: #000; 
font-family: Arial; 
background-color: #FFF; 

Answer 1

Просто используйте «зависание». Добавить что-то вроде этого в файл CSS:

INPUT.homeButton:hover { 
    /* Your CSS properties (color, background-color, opacity, etc.) here... */ 
} 

Вы можете добавить свойство 'непрозрачности' (1 = 100%, 0,5 = 50%, 0 = 0%, и т.д.) или изменить 'цвет' и " background-color "со светлыми цветами, чтобы сделать аналогичный эффект.

Answer 2

Просто используйте: наведите указатель мыши для его достижения.

input.homeButton:hover { 
    opacity: 0.5; 
}