鼠标放到按钮上，实现的动画

<div class="span_a" style="border:1px solid #ff545f">aa</div>
<script>
$(function () {
    var span_a = $(".span_a");
    span_a.mouseover(function () {
        $(this).css("background-color", "#e14a54");//鼠标放上去后显示的背景色
//        $(this).css("background-color", "#e14a54");//鼠标放上去后显示的背景色
//      $(this).css("opacity", "0.3");
//        $(this).css("background-color", "rgba(111, 1, 211, 0.1);");
        $(this).css({background: 'rgba(255, 144, 11, 0.0000001)'});
//        $(this).css("border", "1px solid #ff545f");
        $(this).css("color", "#ff545f");
    }).mouseout(function () {
        $(this).css("background-color", "blue");
//       $(this).css("border", "none");
        $(this).css("border", "1px solid #ff545f");
//        $(this).css(
//        $(this).css({background: 'rgba(255, 144, 11, 0.3)'});
    });
});
<script>