自适应轮播图带视差悬停效果

查看演示立即下载

插件描述：带视差悬停效果的响应滑块轮播图

默认宽度为100%，如果要修改对

#app {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow-x: hidden;
    width: 100%; /*这里修改宽度 */
}

图片及文字请修改script.js

const slideData = [
{
  index: 0,
  headline: 'New Fashion Apparel',
  button: 'Shop now',
  src: '../img/fashion.jpg' },
 
{
  index: 1,
  headline: 'In The Wilderness',
  button: 'Book travel',
  src: '../img/forest.jpg' },
 
{
  index: 2,
  headline: 'For Your Current Mood',
  button: 'Listen',
  src: '../img/guitar.jpg' },
 
{
  index: 3,
  headline: 'Focus On The Writing',
  button: 'Get Focused',
  src: '../img/typewriter.jpg' }];

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效：纯CSS的常用前端表单表格组件ui（原创）
下一个特效： jQuery仿淘宝手机端带视频图片轮播