three+gsap实现网页滚动文字色彩渐变动画代码
代码语言:html
所属分类:加载滚动
代码描述:three+gsap实现网页滚动文字色彩渐变动画代码
代码标签: three gsap 网页 滚动 文字 色彩 渐变 动画 代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<style>
@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");
body {
margin: 0;
padding: 0;
font-family: "Anton", sans-serif;
font-weight: 400;
background: #1d1e22;
}
.container {
display: flex;
justify-content: flex-start;
width: 100%;
position: relative;
height: 100%;
}
.bgColor {
position: fixed;
box-shadow: 9px 9px 18px #1a1a1a, -9px -9px 18px #232323;
width: 18%;
height: 80vh;
top: 5rem;
right: 40px;
z-index: -1;
border-radius: 26px;
background: transparent;
display: flex;
justify-content: space-evenly;
flex-flow: column;
}
.bgColor2 {
position: fixed;
width: 5%;
height: 80vh;
top: 5rem;
right: 80px;
z-index: -1;
border-radius: 26px;
background: transparent;
display: flex;
justify-content: space-evenly;
flex-flow: column;
}
.bgColor3 {
position: fi.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0