vue项目css样式文字溢出显示省略号，鼠标移入滚动显示

.siderbarTitle{
        display: inline-block;
        width:100px;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        &:hover{
            overflow: visible;
            animation: 3s siderbar linear infinite normal;
            z-index: 0;
        }
        @keyframes siderbar {
            0% {
                transform: translateX(0);
                -webkit-transform: translateX(0);
            }
            100% {
                transform: translateX(-45px);
                -webkit-transform: translateX(-45px);
            }
        }
    }

<style lang="scss" scoped></style >

style中要加上lang="scss"