.sub {
width: 100px;
height: 35px;
background-color: #fff;
color: black;
border: 1px solid #ccc;
border-radius: 3px;
-webkit-transition: all 3s;
/* transition: all 3s; */
}
.sub:hover {
background-color: #ccc;
}
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="demo.css">
</head>
<body>
<input type="submit" class="sub">
</body>
</html>
Цвет фона начинается, когда браузер Chrome открывает страницу или обновляет ее.
Разве это не должно зависать, что делает постепенные изменения?
А в браузере Firefox на нормальном или написать код тоже можно.
Chrome версия 74.0.3729.131 (официальная версия) (64 бита)