怎么实现官网上的几个内容同时出现的效果
来源: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”这个链接的效果,可以复制它的源码到本地,如下:
然后修改对应文件路径,如下:
这样就可以在本地实现该效果了。
从源代码上看,它只设置了“swiper-container”的宽高(没有设置swiper-wrapper的宽度,它的宽由插件自动计算),然后设置了相关属性,就实现了效果,如下:
目前同学只需要会用就行,不用知道3d插件对元素到底是怎么作用的,这是插件内部的实现。
如果我的回答帮到了你,欢迎采纳,祝学习愉快!
相似问题