Начать новую тему

Выделение кнопки при наведении

Добрый вечер! Подскажите как сделать, что бы кнопка или ссылка выделялась при наведении? Допустим выдвигалась вперед или цвет меняла. Если есть такая возможность подскажите. Спасибо.

Здравствуйте, Денис.


За событие «наведение указателя мыши» в CSS отвечает псевдо-класс hover. Таким образом, необходимо добавить CSS свойство для селектора c псевдо-классом hover. Для этого, пожалуйста, добавьте соответствующее правило в секцию Пользовательские CSS редактора тем.


Информацию по работе с различными CSS свойствами вы можете найти на данных ресурсах:


http://htmlbook.ru/

http://www.w3schools.com/css/


Если у вас возникают сложности с добавлением необходимых правил, мы рекомендуем обратиться к специалистам по интеграции дизайна. Вы можете обратиться к специалистам компании ООО "Симтек Девелопмент" или к партнерам в Маркете Мерчиума.


Спасибо.

Спасибо. А что касается выдвигающегося вперед элемента? Я хочу что бы блок при наведении выдвигался вперед, можете помочь с этим, желательно на примере. Спасибо.

Здравствуйте, Денис!

Вы можете выделить элемент следующим образом:

.your_block_class:hover {
border: 1px solid #000000;
}

или так:

.your_block_class:hover {

margin-top:-1px; margin-left:-1px

}


Например, для кнопки Заказать:


.ty-btn__add-to-cart:hover {
border: 1px solid #000000;
}


Если вам нужно другое выделение, пожалуйста, обратитесь к CSS справочникам.


Спасибо.

Ясно, спасибо.


Войдите, чтобы опубликовать свой комментарий