css实现移入样式五

<div class="borderLeftRight">Hover me</div>

   <style>
        .borderLeftRight {
            display: inline-block;
            position: relative;
            color: #1b202d;
        }

        .borderLeftRight:after {
            content: "";
            position: absolute;
            width: 100%;
            transform: scaleX(0);
            height: 2px;
            bottom: 0;
            left: 0;
            background-color: #5851ec;
            transform-origin: bottom right;
            transition: transform .4s cubic-bezier(.86, 0, .07, 1);
        }

        .borderLeftRight:hover:after {
            transform: scaleX(1);
            transform-origin: bottom left;
        }
    </style>