gsap+ScrollTrigger+Observer实现鼠标滚动水平图文列表滚动效果代码-html代码-BFW代码库

gsap+ScrollTrigger+Observer实现鼠标滚动水平图文列表滚动效果代码

代码语言：html

代码描述：gsap+ScrollTrigger+Observer实现鼠标滚动水平图文列表滚动效果代码，鼠标悬浮图片还有放大动画。

代码标签： gsap ScrollTrigger Observer 鼠标滚动水平图文列表

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">

  
  
  
  
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

html, body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

body {
  display:flex;
  align-items:center;
  color:#fff;
  background:#191814;
  overflow-y:hidden;
}

main {
  display:flex;
  align-items:center;
  flex-direction:row;
  position:absolute;
}

.item {
  width:500px;
  height:400px;
  margin:50px;
  display:block;
  position:relative;
}

.thumb {
  width:500px;
  height:250px;
  overflow:hidden;
  background:#f00;
.........完整代码请登录后点击上方下载按钮下载查看