정보공유
기 타 홈페이지 눈내리는 효과 2
그누보드5 경우, 사용 중인 tail.php 하단에 넣으시면 됨.
[홈페이지 전체에 눈 내리기]
----------------------------------------------------------------------------------------
<script src="https://unpkg.com/magic-snowflakes/dist/snowflakes.min.js"></script>
<script>
var sf = new Snowflakes();
</script>
----------------------------------------------------------------------------------------
[특정 요소에만 눈 내리기]
<script src="https://unpkg.com/magic-snowflakes/dist/snowflakes.min.js">var sf = new Snowflakes();</script>
<script>
var snowflakes = new Snowflakes({
color: '#f00', // Default: "#5ECDEF"
container: document.querySelector('#hz'), // Default: document.body
count: 100, // 100 snowflakes. Default: 50
minOpacity: 0.1, // From 0 to 1. Default: 0.6
maxOpacity: 0.95, // From 0 to 1. Default: 1
minSize: 5, // Default: 10
maxSize: 15, // Default: 25
rotation: true, // Default: true
speed: 0.3, // 낙하속도 Default: 1
wind: false, // 바람 유무 Default: true
width: 100, // Default: container 너비
height: 100, // Default: container 높이
zIndex: 100 // Default: 9999
});
</script>
등록된 댓글이 없습니다.