in-view.js实现dom元素滚动进入可视区域变色动画效果代码

代码语言:html

所属分类:加载滚动

代码描述:in-view.js实现dom元素滚动进入可视区域变色动画效果代码

代码标签: in-view.js dom 元素 滚动 进入 可视 区域 变色

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600" rel="stylesheet">



    <style>
        html {
          box-sizing: border-box;
        }
        
        *, *:before, *:after {
          box-sizing: inherit;
        }
        
        .bg--turquoise {
          background: #1abc9c;
        }
        
        .bg--green-sea {
          background: #16a085;
        }
        
        .bg--emerald {
          background: #2ecc71;
        }
        
        .bg--nephrtis {
          background: #27ae60;
        }
        
        .bg--peter-river {
          background: #3498db;
        }
        
        .bg--belize-hole {
          background: #2980b9;
        }
        
        .bg--midnight-blu {
          background: #2c3e50;
        }
        
        .bg--midnight-blu {
          background: #2c3e50;
        }
        
     .........完整代码请登录后点击上方下载按钮下载查看

网友评论0