css - 简单的边框褪色

Question

不知道我做错了什么，但我试图在悬停时将 div 的边框从一种颜色淡化为下一种颜色。这就是我所拥有的

.box {
background: #212121;
border: 1px solid #464646;
-webkit-box-shadow: 0 0 5px #212121;
-moz-box-shadow: 0 0 5px #212121;
box-shadow: 0 0 5px #212121;
-moz-transition-property: all;
-webkit-transition-property: all;
-o-transition-property: all;
transition-property: all;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}

.box:hover{
border: 1px solid #f72c73;
}

我做错了什么？