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);
             }
         }
     }