怎么实现官网上的几个内容同时出现的效果

来源:2-6 编程练习

慕雪9296518

2020-06-28 11:00:31

https://2.swiper.com.cn/demo/3dflow/demo-5.html,似乎没有对swiper-wrapper进行宽度设置?怎么知道3d插件对div的宽度影响


写回答

1回答

好帮手慕久久

2020-06-28

同学你好,想要实现“https://2.swiper.com.cn/demo/3dflow/demo-5.html”这个链接的效果,可以复制它的源码到本地,如下:

http://img.mukewang.com/climg/5ef812df093d2de012340413.jpghttp://img.mukewang.com/climg/5ef812e409f4efbf08600453.jpg

然后修改对应文件路径,如下:

http://img.mukewang.com/climg/5ef812ef09fc269408320606.jpg

这样就可以在本地实现该效果了。

从源代码上看,它只设置了“swiper-container”的宽高(没有设置swiper-wrapper的宽度,它的宽由插件自动计算),然后设置了相关属性,就实现了效果,如下:

http://img.mukewang.com/climg/5ef813090929088531140775.jpg

目前同学只需要会用就行,不用知道3d插件对元素到底是怎么作用的,这是插件内部的实现。

如果我的回答帮到了你,欢迎采纳,祝学习愉快!

0

0 学习 · 6815 问题

查看课程