index swiper-pagination-switch

bichao.dong
1 parent ddf61716
Showing 2 changed files with 13 additions and 3 deletions
2.0/index.html
css/style/idangerous.swiper.css
@@ -53,6 +53,7 @@
 	        </div>
 	        <!-- Add Pagination -->
 	        <div class="swiper-pagination"></div>
+	        <div class="swiper-pagination"><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch"></span><span class="swiper-pagination-switch swiper-visible-switch swiper-active-switch"></span><span class="swiper-pagination-switch"></span></div>
 	    </div>
 	</div>
  
@@ -147,12 +147,21 @@ Pagination Styles
     width: 8px;
     height: 8px;
     display: inline-block;
-    background: #FFF;
+    /*background: #FFF;*/
+    background: none;
+    -webkit-box-shadow: inset 0 0 0 2px #ddd;
+    box-shadow: inset 0 0 0 2px  #ddd;
+    -webkit-box-shadow: inset hoff voff blur color;
+    box-shadow: inset hoff voff blur color;
     border-radius: 100%;
-    opacity: .6
+    -webkit-transition: all ease-in-out .15s;
+    -o-transition: all ease-in-out .15s;
+    transition: all ease-in-out .15s;
 }
 .swiper-active-switch {
     opacity: 1;
-    background: #66cc22
+    background: #23AC38;
+    -webkit-box-shadow: none;
+    box-shadow: none;
 }