idangerous.swiper.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. /*
  2. * Swiper 2.7.0
  3. * http://www.sucaijiayuan.com/
  4. */
  5. .swiper-container {
  6. margin:0 auto;
  7. position:relative;
  8. overflow:hidden;
  9. -webkit-backface-visibility:hidden;
  10. -moz-backface-visibility:hidden;
  11. -ms-backface-visibility:hidden;
  12. -o-backface-visibility:hidden;
  13. backface-visibility:hidden;
  14. /* Fix of Webkit flickering */
  15. z-index:1;
  16. }
  17. .swiper-wrapper {
  18. position:relative;
  19. width:100%;
  20. -webkit-transition-property:-webkit-transform, left, top;
  21. -webkit-transition-duration:0s;
  22. -webkit-transform:translate3d(0px,0,0);
  23. -webkit-transition-timing-function:ease;
  24. -moz-transition-property:-moz-transform, left, top;
  25. -moz-transition-duration:0s;
  26. -moz-transform:translate3d(0px,0,0);
  27. -moz-transition-timing-function:ease;
  28. -o-transition-property:-o-transform, left, top;
  29. -o-transition-duration:0s;
  30. -o-transform:translate3d(0px,0,0);
  31. -o-transition-timing-function:ease;
  32. -o-transform:translate(0px,0px);
  33. -ms-transition-property:-ms-transform, left, top;
  34. -ms-transition-duration:0s;
  35. -ms-transform:translate3d(0px,0,0);
  36. -ms-transition-timing-function:ease;
  37. transition-property:transform, left, top;
  38. transition-duration:0s;
  39. transform:translate3d(0px,0,0);
  40. transition-timing-function:ease;
  41. -webkit-box-sizing: content-box;
  42. -moz-box-sizing: content-box;
  43. box-sizing: content-box;
  44. }
  45. .swiper-free-mode > .swiper-wrapper {
  46. -webkit-transition-timing-function: ease-out;
  47. -moz-transition-timing-function: ease-out;
  48. -ms-transition-timing-function: ease-out;
  49. -o-transition-timing-function: ease-out;
  50. transition-timing-function: ease-out;
  51. margin: 0 auto;
  52. }
  53. .swiper-slide {
  54. float: left;
  55. -webkit-box-sizing: content-box;
  56. -moz-box-sizing: content-box;
  57. box-sizing: content-box;
  58. }
  59. /* IE10 Windows Phone 8 Fixes */
  60. .swiper-wp8-horizontal {
  61. -ms-touch-action: pan-y;
  62. }
  63. .swiper-wp8-vertical {
  64. -ms-touch-action: pan-x;
  65. }
  66. /* ===============================================================
  67. Your custom styles, here you need to specify container's and slide's
  68. sizes, pagination, etc.
  69. ================================================================*/
  70. .swiper-container {
  71. /* Specify Swiper's Size: */
  72. /*width:200px;
  73. height: 100px;*/
  74. }
  75. .swiper-slide {
  76. /* Specify Slides's Size: */
  77. /*width: 100%;
  78. height: 100%;*/
  79. }
  80. .swiper-slide-active {
  81. /* Specific active slide styling: */
  82. }
  83. .swiper-slide-visible {
  84. /* Specific visible slide styling: */
  85. }
  86. /* ===============================================================
  87. Pagination Styles
  88. ================================================================*/
  89. .swiper-pagination-switch {
  90. /* Stylize pagination button: */
  91. }
  92. .swiper-active-switch {
  93. /* Specific active button style: */
  94. }
  95. .swiper-visible-switch {
  96. /* Specific visible button style: */
  97. }