0.5 pxグラデーション分割線
735 ワード
1.htmlコード
2、cssスタイル
dddddddddd
2、cssスタイル
el-divider--horizontal {
display: block;
height: 1px;
width: 200%;
margin: 24px 0;
}
.el-divider {
background-image: linear-gradient(to right, white, black, white);
position: relative;
transform: scale(0.5);
transform-origin: left;
}
el-divider__text.is-center {
left: 50%;
}
.el-divider__text {
position: absolute;
background-color: #FFF;
padding: 0 20px;
color: #303133;
margin-top: -0.5em;
transform: scale(2);
}