www.gusucode.com > 【T752】食品白酒红酒酒类企业织梦模板源码程序 > 【T752】食品白酒红酒酒类企业织梦模板/templets/twj/Public/css/styles/idangerous.swiper.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ /* * Swiper - Mobile Touch Slider CSS * http://www.idangero.us/sliders/swiper * * Vladimir Kharlampidi, The iDangero.us * http://www.idangero.us/ * * Copyright 2012, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us * * Licensed under GPL & MIT * */ /* Swiper Styles */ .swiper-container { margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1; height: auto; max-height: 800px; } .swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px, 0, 0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px, 0, 0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px, 0, 0); -o-transition-timing-function:ease; -o-transform:translate(0px, 0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px, 0, 0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px, 0, 0); transition-timing-function:ease; } .swiper-slide { float: left; position: relative; background-size: cover!important; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } /* Specify Swiper's Size: */ .swiper-container, .swiper-slide { overflow: hidden; } .swiper-container, .swiper-slide img { width: 100%; max-width: 1920px; min-width: 1170px; } .swiper-main { position: relative; } /* Pagination */ .pagination1 { text-align: center; position: absolute; left: 0; z-index: 20; right: 0; bottom: 20px; } .pagination1 .swiper-pagination-switch { display: inline-block; margin: 0 6px; cursor: pointer; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; width: 10px; height: 10px; background-color: #C6C6C6; opacity: 0.3; } .pagination1 .swiper-active-switch { background-color: #fff; opacity: 1; }