직원 전용 자료실

홈페이지 눈 내리는 소스 ❄️ 색(파란)선택

foryou	2023-11-28 18:57:23, 조회 : 0, 추천 : 0

현재페이지에 적용된 눈 내리는 소스

예전에 홈페이지 만들 때 종종 썼던건데, 기존의 소스를 조금 수정했습니다

색상변경 주석처리 된 부분을 수정해주세요 흰눈이랍시고 #ffffff (흰색)으로 하면 잘안보여요ㅠㅠ

아래 코드를 < / body> 위쪽에 넣어주세요

↙ 코드 위쪽 좌측 파란색 버튼을 누르시면 손쉽게 복사가 가능합니다

<script src="https://unpkg.com/magic-snowflakes/dist/snowflakes.min.js"></script>
    <script>
        new Snowflakes({ color: '#6661F9' }); //색상변경
    </script>
<div id="snowflakes-container" style="width: 1000px; height: 500px;"></div>
    <script src="https://unpkg.com/magic-snowflakes/dist/snowflakes.min.js"></script>
    <script>
        var snowflakes = new Snowflakes({
            color: '#f00', // Default: "#ffffff"
            container: document.querySelector('#snowflakes-container'), // Default: document.body
            count: 50, // 100 snowflakes. Default: 50
            minOpacity: 0.2, // From 0 to 1. Default: 0.6
            maxOpacity: 0.6, // From 0 to 1. Default: 1
            rotation: true, // Default: true
            speed: 2, // The property affects the speed of falling. Default: 1
            wind: false, // Without wind. Default: true
            width: 500, // Default: width of container
            height: 250, // Default: height of container
            zIndex: 100 // Default: 9999
        });
    </script>

바른생활 NZEO

글은 인터넷에서 자신을 나타내는 유일한 모습입니다.
상대에게 상처를 주기보다 같이 즐거워 할 수 있는 코멘트 부탁드려요.

2024-05-01
03:54:38

이름

비밀번호

코멘트
▼

추천하기

목록보기