bixi
Version:
企业级中后台前端解决方案
21 lines (20 loc) • 1.07 kB
text/less
.bixi-scroll-y-shadow {
background-image: linear-gradient(to bottom, white 15px, hsla(0, 0%, 100%, 0)),
radial-gradient(at top, rgba(0, 0, 0, 0.3), transparent 70%),
linear-gradient(to top, white 15px, hsla(0, 0%, 100%, 0)),
radial-gradient(at bottom, rgba(0, 0, 0, 0.3), transparent 70%);
background-repeat: no-repeat;
background-position: top center, top center, bottom center, bottom center;
background-size: 100% 50px, 100% 15px, 100% 50px, 100% 15px;
background-attachment: local, scroll, local, scroll;
}
.bixi-scroll-x-shadow {
background-image: linear-gradient(to left, white 45px, hsla(0, 0%, 100%, 0)),
radial-gradient(at right, rgba(0, 0, 0, 0.3), transparent 70%),
linear-gradient(to right, white 45px, hsla(0, 0%, 100%, 0)),
radial-gradient(at left, rgba(0, 0, 0, 0.3), transparent 70%);
background-repeat: no-repeat;
background-position: right center, right center, left center, left center;
background-size: 50px 100%, 15px 100%, 50px 100%, 15px 100%;
background-attachment: local, scroll, local, scroll;
}