Swiper实现炫酷图文幻灯片效果代码-html代码-BFW代码库

Swiper实现炫酷图文幻灯片效果代码

代码语言：html

所属分类：幻灯片

代码描述：Swiper实现炫酷图文幻灯片效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开


<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">

  <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/swiper.3.3.1.css">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/swiper.3.3.1.js"></script>
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css">
  
<style>
.centerx, .header__basic--black .header__img, .section__crazy__color .wrapper__color .wrapper__panel .color .color__el h3, .section__handsketch__color .wrapper__audrio .color .color__el h3, .section__handsketch__color .wrapper__audrio img, .section__woy__color .wrapper__audrio .color .color__el h3, .section__woy__color .wrapper__audrio img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.centery, .header__basic--studio .header__img, .section__404 .title__block, .section__jobs .jobs__ul .jobs__ul__li .jobs__ul__li__a i, .section__site .site__template .site__template__bar .template__button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.centerxy, .flux__el--twitter p, .job__title .close--profil i, .job__title .title__block, .loading .loading__elements #display, .loading .loading__elements #progress, .navigation__project .navigation__project__block .content__text, .navigation__project .navigation__project__block:nth-child(2) .link, .other__team .profil__team .profil__team__li a img, .section__404 .overlay__404, .section__about .background__about .play i, .section__customer .customers .customers__li img, .section__projets .awards .awards__li a img, .section__projets .swiper-projets .swiper-slide .swiper-slide-block-content .text__content, .section__team .swiper-slide .slid.........完整代码请登录后点击上方下载按钮下载查看