Hellux
1
Hi,
i want to create a 3D Cube Swiper like this in Webflow:
https://swiperjs.com/demos/230-effect-cube.html
I did some research and added custom code to do the cube effect.
Sadly it doesn’t work out… Can someone please help me?
Here’s the link to my site:
https://webflow.com/website/3D-Cube-Swiper-JS?s=mobil-9a7b90#
Thanks a lot!
I am looking forward to your help.
Write this:
<style>
<link rel="stylesheet" href="https://unpkg.com/swiper@5.3.6/css/swiper.min.css">
</style>
Like this (Remove style
wrapper):
<link rel="stylesheet" href="https://unpkg.com/swiper@5.3.6/css/swiper.min.css">
Next put swiper-pagination
element inside swiper-container
.
Also add live URL (No way to test custom code by read only link).
1 Like
Hellux
3
Live = Publish URL (Not read only link) (blabla.io)
Hellux
5
Again remove the style
tag.
And “again” put the pagination inside the wrapper.
Last because you use for this effect on empty divs - the height collapse - add the height to swiper-container
.
Hellux
7
Thanks for your quick reply. I changed everything, but i still can’t see any cube. Do you have any idea what’s wrong?
Hellux
8
is there anyone who can help me?