최신 다운로드
판타지 아쿠아리움
소녀전선
별의 날개
작은 꽃요정 요정의 천국
레스토랑 큐트스토리
산허 여행 탐험
사랑과 프로듀서
가장 강력한 두뇌 3
오드 더스트: 다밀라
젊은 서유기 2
24시간11리더보드 읽기
- 1 크기 조정 가능한 텍스트 요소에서 줄임표 잘림을 어떻게 구현할 수 있습니까?
- 2 diskmsg.dll - diskmsg.dll이 무엇인가요?
- 3 Dialupmanager.dll - Dialupmanager.dll이 무엇인가요?
- 4 diagrpt.dll -diagrpt.dll이란 무엇입니까?
- 5 Ease-in-out을 사용한 CSS 전환이 마우스 오버 시에는 원활하게 작동하지만 마우스 아웃 시 갑자기 작동하는 이유는 무엇입니까?
- 6 dicrhash.dll - dicrhash.dll이란 무엇입니까?
- 7 Spring에서 자체 인스턴스화된 객체에 종속성을 주입하는 방법은 무엇입니까?
- 8 정수를 추가하고 연결할 때 PHP가 \"2\"를 에코하는 이유는 무엇입니까?
- 9 Java 애플리케이션이 OS 시간대 대신 GMT를 사용하는 이유는 무엇이며 어떻게 해결할 수 있습니까?
- 10 Java에서 HTTP URL을 효과적으로 핑하는 방법: 종합 안내서
- 11 내 `std::fstream`이 파일 생성에 실패하는 이유는 무엇입니까?
- 12 \"class\" 속성을 사용하여 UI5 XML 보기에서 CSS 클래스에 바인딩하는 방법은 무엇입니까?
- 13 지역 변수를 사용한 패닉 복구가 Go에서 반환 값을 변경하지 않는 이유는 무엇입니까?
- 14 digiconf.dll - digiconf.dll이란 무엇입니까?
- 15 기존 PHP 클래스에서 UML 다이어그램을 생성하려면 어떻게 해야 합니까?
최신 튜토리얼
-
- 해외 웹 개발 풀스택 강좌 총집합
- 1649 2024-04-24
-
- Go 언어 실습 GraphQL
- 1923 2024-04-19
-
- 550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다
- 3343 2024-04-18
-
- 기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬
- 2876 2024-04-10
-
- MySQL 시작하기(mosh 교사)
- 1752 2024-04-07
-
- Mock.js | Axios.js | Json - 10일간의 고품질 수업
- 2562 2024-03-29
jQuery 눈송이 천천히 떨어지는 아이콘 효과는 눈이 오는 날 천천히 떨어지는 다양한 눈송이 아이콘 효과를 만드는 HTML5 눈송이 글꼴입니다.
var fa = 거짓;
//더 많은 레이어와 CSS 흐림으로 인해 성능 저하가 발생합니다
var layer2 = 새 레이어(16, 6);
setInterval(layer2.addIcon, 150);
var layer1 = 새 레이어(32, 4);
setInterval(layer1.addIcon, 300);
함수 레이어(글꼴 크기, 속도){
This.addIcon = 함수(){
var random_icon = 아이콘[Math.floor(Math.random()*icons.length)];
$random_x = Math.floor((Math.random() * 600) + 1);
if(fa){
var $icon = $('<i style="font-size:' +fontSize + 'px;" class="fa ' + random_icon + '" aria-hidden="true"></i>' ).appendTo(".scene");
}그밖에{
var $icon = $('<i style="font-size:' +fontSize + 'px;" class="fa fa-snowflake-o" aria-hidden="true"></i>' ).appendTo(".scene");
}
//초기 위치
TweenLite.to($icon, 0, {x: $random_x, color: "#2222ff", y: -80});
//메인 애니메이션
TweenLite.to($icon, speed, {color: "#ff00ff", y: 600, x: $random_x + (Math.random() * 400), 불투명도: 0, easy:Linear.easeNone, onComplete: deleteIcon, onCompleteParams: ["{self}"]});
//애니메이션 회전
var 회전_속도 = (Math.random() + 10);
TweenMax.to($icon, 회전_속도, {회전: 390, 여유:Linear.easeNone, 반복: -1});
};