<div class="exhibition">一处激发,创意无限</div>
.exhibition{
background: linear-gradient(
to right,
rgb(48, 88, 229),
white
); /* 从左到右渐变,颜色从黑色到白色 */
-webkit-background-clip: text; /* 设置背景裁剪为文本 */
color: transparent; /* 隐藏文本颜色 */
}
<div class="introduce ">-站式智能创意生产与管理平台</div>
.introduce {
height: 70%;
width: 72px;
font-size: 22px;
color: #3f3f3f;
overflow: hidden; /* 隐藏超出部分 */
display: -webkit-box; /* 对象作为伸缩盒子模型显示 */
text-overflow: ellipsis; /* 超出部分省略号 */
word-break: break-all; /* break-all(允许在单词内换行。) */
/* 对象作为伸缩盒子模型显示 */
-webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
-webkit-line-clamp: 2; /* 显示的行数 */
}