Commit 907e007c2accd0fe8a1291bb0b2aba063825c223
1 parent
ddf61716
index swiper-pagination-switch
Showing
2 changed files
with
13 additions
and
3 deletions
2.0/index.html
| @@ -53,6 +53,7 @@ | @@ -53,6 +53,7 @@ | ||
| 53 | </div> | 53 | </div> |
| 54 | <!-- Add Pagination --> | 54 | <!-- Add Pagination --> |
| 55 | <div class="swiper-pagination"></div> | 55 | <div class="swiper-pagination"></div> |
| 56 | + <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> | ||
| 56 | </div> | 57 | </div> |
| 57 | </div> | 58 | </div> |
| 58 | 59 |
css/style/idangerous.swiper.css
| @@ -147,12 +147,21 @@ Pagination Styles | @@ -147,12 +147,21 @@ Pagination Styles | ||
| 147 | width: 8px; | 147 | width: 8px; |
| 148 | height: 8px; | 148 | height: 8px; |
| 149 | display: inline-block; | 149 | display: inline-block; |
| 150 | - background: #FFF; | 150 | + /*background: #FFF;*/ |
| 151 | + background: none; | ||
| 152 | + -webkit-box-shadow: inset 0 0 0 2px #ddd; | ||
| 153 | + box-shadow: inset 0 0 0 2px #ddd; | ||
| 154 | + -webkit-box-shadow: inset hoff voff blur color; | ||
| 155 | + box-shadow: inset hoff voff blur color; | ||
| 151 | border-radius: 100%; | 156 | border-radius: 100%; |
| 152 | - opacity: .6 | 157 | + -webkit-transition: all ease-in-out .15s; |
| 158 | + -o-transition: all ease-in-out .15s; | ||
| 159 | + transition: all ease-in-out .15s; | ||
| 153 | } | 160 | } |
| 154 | .swiper-active-switch { | 161 | .swiper-active-switch { |
| 155 | opacity: 1; | 162 | opacity: 1; |
| 156 | - background: #66cc22 | 163 | + background: #23AC38; |
| 164 | + -webkit-box-shadow: none; | ||
| 165 | + box-shadow: none; | ||
| 157 | } | 166 | } |
| 158 | 167 |