saturn-ui
Version:
🪐 一款轻量级、模块化的Web可视化UI组件库（含大屏、GIS、图表、视频、后台等模块） 👍
1 lines • 1.64 kB
CSS
.ice-wrapper-1 .wrap{position:fixed;top:0;width:500px;height:100vh;color:#fff}.ice-wrapper-1 .wrap .icon{position:absolute;top:100px;cursor:pointer}.ice-wrapper-1 .wrap-left{background:-webkit-gradient(linear,right top,left top,from(rgba(18,21,60,0)),color-stop(39%,rgba(18,21,60,.6)),to(rgba(7,9,40,.8)));background:linear-gradient(270deg,rgba(18,21,60,0) 0,rgba(18,21,60,.6) 39%,rgba(7,9,40,.8) 100%);left:0;padding:9.07rem 9.38rem 0 3.06rem}.ice-wrapper-1 .wrap-left .icon{right:-30px}.ice-wrapper-1 .wrap-right{background:-webkit-gradient(linear,left top,right top,from(rgba(18,21,60,0)),color-stop(39%,rgba(18,21,60,.6)),to(rgba(7,9,40,.8)));background:linear-gradient(90deg,rgba(18,21,60,0) 0,rgba(18,21,60,.6) 39%,rgba(7,9,40,.8) 100%);right:0;padding:9.07rem 3.81rem 0 8.63rem}.ice-wrapper-1 .wrap-right .icon{left:-30px}.ice-wrapper-1 .showleft{-webkit-animation:showleft 1s forwards;animation:showleft 1s forwards}@-webkit-keyframes showleft{from{left:-500px}to{left:0}}@keyframes showleft{from{left:-500px}to{left:0}}.ice-wrapper-1 .hideleft{-webkit-animation:hideleft 1s forwards;animation:hideleft 1s forwards}@-webkit-keyframes hideleft{from{left:0}to{left:-500px}}@keyframes hideleft{from{left:0}to{left:-500px}}.ice-wrapper-1 .showright{-webkit-animation:showright 1s forwards;animation:showright 1s forwards}@-webkit-keyframes showright{from{right:-500px}to{right:0}}@keyframes showright{from{right:-500px}to{right:0}}.ice-wrapper-1 .hideright{-webkit-animation:hideright 1s forwards;animation:hideright 1s forwards}@-webkit-keyframes hideright{from{right:0}to{right:-500px}}@keyframes hideright{from{right:0}to{right:-500px}}