Javascript-форум - Показать сообщение отдельно - При наведении мыши на иконку происходит замена её на кнопку

Mess4me · #2 (**permalink**) 21.11.2015, 22:12

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>