代码拉取完成,页面将自动刷新
.horiz-split-box {
width: 545px;
height: 345px;
background: #fff;
position: relative;
border: 1px solid #eee;
border-radius: 4px;
}
.horiz-split-box .content {
width: 545px;
}
.horiz-split-box .cover {
top: 0;
left: 0;
width: 35%;
height: 100%;
background: #fff;
position: absolute;
overflow: hidden;
z-index: 2;
}
.horiz-split-box .cover {
background: #fbfbfb;
}
.horiz-split-box .toggle-handle {
top: 0;
right: 65%;
width: 4px;
height: 100%;
z-index: 3;
position: absolute;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.06);
cursor: -webkit-grab;
cursor: grab;
}
.horiz-split-box .toggle-handle-button {
top: 50%;
left: -18px;
width: 40px;
height: 40px;
display: block;
margin-top: -20px;
position: absolute;
border-radius: 50%;
background: #fff;
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.06);
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。