mouse-wheel-scroll.scss

.mouse-icon {
        position: relative;
        border: 2px solid #fff;
        border-radius: 16px;
        height: 50px;
        width: 30px;
        margin: 0 auto;
        display: block;
        z-index: 10;
    }
    
    .wheel {
        position: relative;
        border-radius: 10px;
        background: #fff;
        width: 4px;
        height: 10px;
        top: 4px;
        margin-left: auto;
        margin-right: auto;
        
        animation-name: drop;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-iteration-count: infinite;
        animation-play-state: running;
    }
    
    @keyframes drop	{
        0%   { top:5px;  opacity: 0;}
        30%  { top:10px; opacity: 1;}
        100% { top:25px; opacity: 0;}
    }