728x90
728x90
사쿠라 js란?
객체가 떨어지면서 꽃잎처럼 흩날리도록 만든 스크립트입니다.
아래와 같이 표현하고싶다면 유용합니다.
사용방법
사용방법은 간단합니다. 아래 github에서 css, js를 추가하고 스크립트를 실행시켜주면 완료입니다.
<!DOCTYPE html>
<html lang="en">
<head>
...
//css추가
<link rel="stylesheet" href="path/to/sakura.min.css">
</head>
<body>
...
//js추가
<script src="path/to/sakura.min.js"></script>
<script>
//적용할 부분을 넣고 실행
var sakura = new Sakura('body');
</script>
</body>
</html>
라이브러리에 대한 자세한정보는 아래에있습니다.
https://github.com/jhammann/sakura
DEMO
반응형
'Code > JQuery' 카테고리의 다른 글
슬라이드 제이쿼리 (Swiper.js) (1) | 2023.02.01 |
---|---|
스크롤 시 Class 추가 제거 (0) | 2023.01.18 |
트윈맥스(TweenMax)이용해서 좌우로 반복되는 애니메이션 (0) | 2022.12.29 |
기본 제이쿼리 설정방법 (0) | 2022.12.12 |