transition没有效果

.btn{
    width: 50%;
    height: 40px;
    margin-top: 50px;
    line-height: 40px;
    color: #fff;
    background-color: #5677fc;
    border-radius: 3px;
    display: inline-block;
    cursor:pointer;
    transition:background-color 0.2s;
}

.btn:hover{
    background-color: #3b50ce;
}

代码应该没错，是不是transition的应用有什么限制呢？