本文主要是介绍swiper-翻页效果---3D翻转效果,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
本次内容我们继续介绍swiper当中的翻页效果---3D翻转效果
首先搭建swiper页面,设置CSS样式,为了观看效果,这一章依然在slide当中添加背景图片。
<div class="swiper-container"><div class="swiper-wrapper"><div class="swiper-slide"><img src="logo.png"></div><div class="swiper-slide" style="background-image:url(img/4.jpg)"></div><div class="swiper-slide" style="background-image:url(img/5.jpg)"></div><div class="swiper-slide" style="background-image:url(img/6.jpg)"></div></div><div class="swiper-pagination"></div><div class="swiper-button-next"></div><div class="swiper-button-prev"></d
这篇关于swiper-翻页效果---3D翻转效果的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!