При наведении мыши на иконку происходит замена её на кнопку
Вложений: 1
Хотел бы разобраться с Вашей помощью: как сделать так, чтобы иконка при наведении заменялась кнопкой? Как выглядит примерный скрипт?
Кто сталкивался с подобной ситуацией и может подсказать выход из неё? |
Coriolan161,
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<style>
#but {
width: 40px;
height: 40px;
background: url("http://icons.iconarchive.com/icons/mazenl77/I-like-buttons-3a/512/Cute-Ball-Go-icon.png") no-repeat;
background-size: 40px 40px;
cursor: pointer;
}
#but:hover {
background: url("http://i.stack.imgur.com/vfLae.png") no-repeat;
background-size: 40px 40px;
}
</style>
</head>
<body>
<div id="but"> </div>
</body>
</html>
|
| Часовой пояс GMT +3, время: 13:28. |