文字渐变以及边框渐变和文字省略

文字渐变

color: #FFFFFF;
background: linear-gradient(266deg, #6C98FE 0%, #4D7AFF 99.31640625%); /*为文本元素提供渐变背景*/
-webkit-background-clip: text; /**用文本剪辑背景，用渐变背景作为颜色填充文本 */
-webkit-text-fill-color: transparent; /**使用透明颜色填充文本 */

边框渐变

 button{
        background:transparent;
        color:#23b7cb;
        font-size:15px;
        padding:5px 15px;
        border:1px transparent solid;
        border-image:linear-gradient(to right,#000718,#23b7cb) 1 10;
}
border-image的使用是不能实现圆角的效果

文字省略

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;