1 line
1.8 KiB
CSS
1 line
1.8 KiB
CSS
|
.sl-slider-wrapper {width: 800px; height: 400px; margin: 0 auto; position: relative; overflow: hidden; background: #2e3740; color: #fff;}.sl-slider {position: absolute; top: 0; left: 0; min-height:100%;}.sl-slide,.sl-slides-wrapper,.sl-slide-inner {position: absolute; width: 100%; height: 100%; min-height:100%; top: 0; left: 0;} .sl-slide {z-index: 1;}.sl-content-slice {overflow: hidden; position: absolute; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; background: #2e3740; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; opacity : 1;}.sl-slide-horizontal .sl-content-slice {width: 100%; height: 50%; left: -200px; -webkit-transform: translateY(0%) scale(1); -moz-transform: translateY(0%) scale(1); -o-transform: translateY(0%) scale(1); -ms-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1);}.sl-slide-horizontal .sl-content-slice:first-child {top: -200px; padding: 200px 200px 0px 200px;}.sl-slide-horizontal .sl-content-slice:nth-child(2) {top: 50%; padding: 0px 200px 200px 200px;}.sl-slide-vertical .sl-content-slice {width: 50%; height: 100%; top: -200px; -webkit-transform: translateX(0%) scale(1); -moz-transform: translateX(0%) scale(1); -o-transform: translateX(0%) scale(1); -ms-transform: translateX(0%) scale(1); transform: translateX(0%) scale(1);}.sl-slide-vertical .sl-content-slice:first-child {left: -200px; padding: 200px 0px 200px 200px;}.sl-slide-vertical .sl-content-slice:nth-child(2) {left: 50%; padding: 200px 200px 200px 0px;}.sl-content-wrapper {position: absolute;}.sl-content {width: 100%; height: 100%; background: #fff;}.sl-slide-horizontal .sl-slide-inner {background: #ddd;}.sl-slide-vertical .sl-slide-inner {background: #ccc;}
|