什么是 Shader Infinite Slider WordPress 和 WooCommerce 插件
体验使用 WebGL 和 Three.js 构建的真正 3D 滑块。享受流畅的无限滚动和逼真的物品弯曲,以获得身临其境的视觉效果。
主要特点
响应式布局 – 无论使用哪种设备,都具有完全响应和适应性。
桌面和移动优化 – Shader Infinite Slider 将适应任何屏幕尺寸和任何设备,无论是使用手机(IOS、Iphone、Android)还是桌面浏览器。
延迟滚动/加载 – 当轮播在页面中可见时,可以选择在滚动时初始化 Shader Infinite Slider,这样,例如,如果轮播位于不可见的部分中,则不会初始化它,而是 Shader Infinite Slider 仅在用户滚动到添加轮播的部分时才会初始化。
可定制的尺寸 – SIS 可以设置为任何宽度或高度,并放置在页面或应用程序上的任何位置。此外,可以根据需要设置项目的大小和比例。
预加载器 – 可选的动画预加载器。
项目比率 – SIS 可以无缝更改项目的纵横比,允许您显示任何格式(纵向、横向和任何变体)。
可定制的颜色主题 – 颜色主题的所有方面都可以自定义——按钮、背景等。
无限循环 – 可选的无限循环和非无限循环.
水平和垂直布局 – 这是真正的 3D,因此 3D 空间中的相机位置可以根据需要针对垂直和水平版本进行自定义。
噪声失真 – 可自定义项目的噪声失真,示例在这里.
标题 – 可选字幕。可以使用 CSS 设置标题的样式,以匹配您的视觉设计。
鼠标纹波 – 由鼠标移动触发的可选涟漪效果,强度可调。
黑与白 – 可选:对非居中的项目进行去饱和。中心外的项目将以黑色和白色显示。
不透明度强度 – 可选:为非居中项目设置自定义不透明度。中心之外的项目将显示不透明度降低。
折 – 可选:捕捉 – 自动将最近的项目捕捉到中心。
滚动速度强度 – 可定制的滚动速度 – 微调滚动速度以匹配您想要的体验。
Scroll Scale 强度 – 可定制的滚动速度 – 微调滚动速度以匹配您想要的体验。
Default And Scroll Curvature – 可定制的默认值和滚动曲率 – 调整静止和滚动时的项目曲率以适合您的设计。
液体失真 – 可定制的液体失真 – 基于滚动速度的可定制项目液体分配。
后处理 – 改进抗锯齿以获得清晰、干净外观的着色器。包括网格扭曲, 流体变形、毛刺失真、 图像后 和更多。