kingdot
Version:
A UI Components Library For Vue
1 lines • 1 kB
CSS
.kd-ellipsis-wrap{position:relative;line-height:2;overflow:hidden;height:2em;background:#fff}.kd-ellipsis-wrap .kd-ellipsis-txt{display:block;max-height:4em}.kd-ellipsis-wrap .kd-ellipsis-title{display:block;position:relative;background:inherit;text-align:justify;overflow:hidden;height:2em;top:-4em}.kd-ellipsis-wrap .kd-ellipsis-title::before{content:attr(data-title);width:50%;float:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl;cursor:text}.kd-ellipsis-wrap-move:hover .kd-ellipsis-title{white-space:nowrap;display:inline-block;-webkit-animation:move 10s .3s linear infinite;animation:move 10s .3s linear infinite}.kd-ellipsis-wrap-move:hover .kd-ellipsis-title::before{display:none}.kd-ellipsis-wrap-move:hover .kd-ellipsis-title::after{content:attr(data-title);padding:0 5em}@-webkit-keyframes move{to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes move{to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}