Не, не надо снуля, сделай на основе этого
рукожопчик ты наш)
<!DOCTYPE>
<html>
<head>
<meta charset=utf-8">
<title>Документ без названия</title>
</head>
<body>
<style>
.but_into {
width: 100px;
height: 100px;
background: black;
-webkit-transition: background 0.5s ease;
}
.but_into:hover {
background: red;
}
</style>
Наведи
<div class='but_into'></div>