/*CUSTOM ANIMATIONS*/ /* Please Note: To use this CSS, you should include in your HTML the proper javascript: jquery.unveilEffects.js */ [class*=".effect-"] { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; perspective: 1000; } /*淡入*/ .effect-fade { opacity: 0; } .effect-fade.in { opacity: 1; } /*移入*/ .effect-slide-left { -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); opacity: 0; } .effect-slide-left.in { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .effect-slide-right { -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); opacity: 0; } .effect-slide-right.in { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .effect-slide-top { -webkit-transform: translate3d(0, -30%, 0); transform: translate3d(0, -30%, 0); opacity: 0; } .effect-slide-top.in { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .effect-slide-bottom { -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); opacity: 0; } .effect-slide-bottom.in { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } /*弹出*/ .effect-pop { opacity: 0; } .effect-pop.in { -webkit-animation: pop 0.6s ease-out 0.5s both; -moz-animation: pop 0.6s ease-out 0.5s both; -o-animation: pop 0.6s ease-out 0.5s both; animation: pop 0.6s ease-out 0.5s both; opacity: 1 \9; } @-webkit-keyframes pop { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-moz-keyframes pop { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-o-keyframes pop { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes pop { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } /*放大弹出*/ .effect-fall { opacity: 0; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } .effect-fall.in { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .effect-perspective { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } /*翻转*/ .effect-helix { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; opacity: 0; -webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); } .effect-helix.in { opacity: 1; -webkit-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0); } /* FILE ARCHIVED ON 00:40:52 Dec 21, 2021 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 15:37:05 Oct 06, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.489 exclusion.robots: 0.024 exclusion.robots.policy: 0.015 esindex: 0.009 cdx.remote: 47.401 LoadShardBlock: 394.917 (3) PetaboxLoader3.datanode: 509.727 (4) load_resource: 333.089 PetaboxLoader3.resolve: 176.709 */