https://www.koito.co.jp/english/common/js/animation.min.js

1var aniJs={};!function($){$.fn.extend({setAni:function(flag){var aniJsonData=[],scrollPoint=[],count=0;$((function(){flag&&$.when(aniJs.animationInit(),aniJs.animationJs()).done((function(){aniJs.aniScrollCheck()}))})),aniJs.conversionJs=function($target,option){var addData={},opt=option||{},aniClass=$target.attr("data-anijs-class")+count||opt.aniClass+count||"js-aniTarget"+count,aniType=$target.attr("data-anijs-type")||opt.aniType||"fade",aniDelay=$target.attr("data-anijs-delay")||opt.aniDelay||0,aniPoint=$target.attr("data-anijs-point")||opt.aniPoint||100,aniDuration=$target.attr("data-anijs-duration")||opt.aniDuration||300,aniSpDelay=$target.attr("data-anijs-sp-delay")||opt.aniSpDelay||0,aniSpPoint=$target.attr("data-anijs-sp-point")||opt.aniSpPoint||50,aniSpDuration=$target.attr("data-anijs-sp-duration")||opt.aniSpDuration||800,aniEase=$target.attr("data-anijs-ease")||opt.aniEase||"ease-in",aniAfterColor=$target.attr("data-anijs-after-color")||opt.aniAfterColor||"#FFF",aniBeforeColor=$target.attr("data-anijs-before-color")||opt.aniBeforeColor||"#DDD",aniParent=$target.attr("data-anijs-parent")||opt.aniParent||void 0,$aniParent=$target.parents(aniParent),init;(function(){addData.target=$target,addData.aniType=aniType,addData.aniDelay=aniDelay,addData.aniSpDelay=0===aniSpDelay?aniDelay:aniSpDelay,addData.aniDuration=aniDuration,addData.aniSpDuration=aniSpDuration,addData.aniEase=aniEase,addData.aniClass=aniClass,addData.aniPoint=aniPoint,addData.aniSpPoint=aniSpPoint,addData.aniAfterColor=aniAfterColor,addData.aniBeforeColor=aniBeforeColor,void 0===aniParent?(addData.aniParent=void 0,addData.$aniParent="."+aniClass,scrollPoint.push("."+aniClass)):(addData.aniParent=aniParent,addData.$aniParent=$aniParent,scrollPoint.push($aniParent)),aniJsonData.push(addData),$target.addClass(aniClass),count++})()},aniJs.animationJs=function(){var d=new $.Deferred,init=function(){aniJsonData.forEach((function($target,i){aniTypeJudge($target,i)}))},aniTypeJudge=function($target,num){var newStyle=document.createElement("style");newStyle.type="text/css";var aniType=$target.aniType,aniDelay=Number($target.aniDelay),aniSpDelay=Number($target.aniSpDelay),aniDuration=Number($target.aniDuration),aniSpDuration=Number($target.aniSpDuration),aniEase=$target.aniEase,aniClass=$target.aniClass,aniPoint=Number($target.aniPoint),aniSpPoint=Number($target.aniSpPoint),aniAfterColor=$target.aniAfterColor,aniBeforeColor=$target.aniBeforeColor,aniParent=$target.aniParent,cssComment="/*inserted from animation.js*/",normalClass,startClass;void 0===aniParent?startClass=(normalClass="."+aniClass)+".js-active":(normalClass=aniParent+" ."+aniClass,startClass=aniParent+".js-active ."+aniClass),"noSetAni"!==aniType&&("fade"===aniType?newStyle.innerText=cssComment+normalClass+" {opacity: 0;} "+startClass+" {opacity: 1;-webkit-transition: opacity "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms;transition: opacity "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms;}@media screen and (max-width: 768px) {"+startClass+" {-webkit-transition: opacity "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms;transition: opacity "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms;}}":"fadeInBottom"===aniType?newStyle.innerText=cssComment+normalClass+" {opacity: 0;-webkit-transform: translateY("+aniPoint+"px);transform: translateY("+aniPoint+"px);} "+startClass+" {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);-webkit-transition: opacity "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms, transform "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms;transition: opacity "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms, transform "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms;}@media screen and (max-width: 768px) {"+normalClass+" {-webkit-transform: translateY("+aniSpPoint+"px);transform: translateY("+aniSpPoint+"px);} "+startClass+" {-webkit-transition: opacity "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms, transform "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms;transition: opacity "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms, transform "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms;}}":"fadeInRight"===aniType?newStyle.innerText=cssComment+normalClass+" {opacity: 0;-webkit-transform: translateX("+aniPoint+"px);transform: translateX("+aniPoint+"px);} "+startClass+" {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);-webkit-transition: opacity "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms, transform "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms;transition: opacity "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms, transform "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms;}@media screen and (max-width: 768px) {"+normalClass+" {-webkit-transform: translateX("+aniSpPoint+"px);transform: translateX("+aniSpPoint+"px);} "+startClass+" {-webkit-transition: opacity "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms, transform "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms;transition: opacity "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms, transform "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms;}}":"fadeInLeft"===aniType?newStyle.innerText=cssComment+normalClass+" {opacity: 0;-webkit-transform: translateX(-"+aniPoint+"px);transform: translateX(-"+aniPoint+"px);} "+startClass+" {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);-webkit-transition: opacity "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms, transform "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms;transition: opacity "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms, transform "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms;}@media screen and (max-width: 768px) {"+normalClass+" {-webkit-transform: translateX(-"+aniSpPoint+"px);transform: translateX(-"+aniSpPoint+"px);} "+startClass+" {-webkit-transition: opacity "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms, transform "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms;transition: opacity "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms, transform "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms;}}":"slideInRight"===aniType?newStyle.innerText=cssComment+normalClass+" {-webkit-transform: translateX("+aniPoint+"px);transform: translateX("+aniPoint+"px);} "+startClass+" {-webkit-transform: translateX(0);transform: translateX(0);-webkit-transition: opacity "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms, transform "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms;transition: opacity "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms, transform "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms;}@media screen and (max-width: 768px) {"+normalClass+" {-webkit-transform: translateX("+aniSpPoint+"px);transform: translateX("+aniSpPoint+"px);} "+startClass+" {-webkit-transition: opacity "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms, transform "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms;transition: opacity "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms, transform "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms;}}":"slideInLeft"===aniType?newStyle.innerText=cssComment+normalClass+" {-webkit-transform: translateX(-"+aniPoint+"px);transform: translateX(-"+aniPoint+"px);} "+startClass+" {-webkit-transform: translateX(0);transform: translateX(0);-webkit-transition: opacity "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms, transform "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms;transition: opacity "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms, transform "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms;}@media screen and (max-width: 768px) {"+normalClass+" {-webkit-transform: translateX(-"+aniSpPoint+"px);transform: translateX(-"+aniSpPoint+"px);} "+startClass+" {-webkit-transition: opacity "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms, transform "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms;transition: opacity "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms, transform "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms;}}":"coverSlideRight"===aniType?newStyle.innerText=cssComment+normalClass+" {position: relative;} "+normalClass+"::before,"+normalClass+'::after {content: " ";width: 100%;height: 100%;display: block;position: absolute;top: 0;right: 0;}'+normalClass+"::before {background:"+aniBeforeColor+";}"+normalClass+"::after {background:"+aniAfterColor+";}"+startClass+"::before,"+startClass+"::after {width: 0;-webkit-transition: width "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms, transform "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms;transition: width "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms, transform "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms;}"+startClass+"::before {-webkit-transition: width "+aniDuration+"ms "+aniEase+" "+(aniDelay+(aniDuration-100))+"ms, transform "+aniDuration+"ms "+aniEase+" "+(aniDelay+(aniDuration-100))+"ms;transition: width "+aniDuration+"ms "+aniEase+" "+(aniDelay+(aniDuration-100))+"ms, transform "+aniDuration+"ms "+aniEase+" "+(aniDelay+(aniDuration-100))+"ms;}@media screen and (max-width: 768px) {"+startClass+"::before,"+startClass+"::after {width: 0;-webkit-transition: width "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms, transform "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms;transition: width "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms, transform "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms;}"+startClass+"::before {-webkit-transition: width "+aniSpDuration+"ms "+aniEase+" "+(aniSpDelay+(aniSpDuration-100))+"ms, transform "+aniSpDuration+"ms "+aniEase+" "+(aniSpDelay+(aniDuration-100))+"ms;transition: width "+aniSpDuration+"ms "+aniEase+" "+(aniSpDelay+(aniSpDuration-100))+"ms, transform "+aniSpDuration+"ms "+aniEase+" "+(aniSpDelay+(aniSpDuration-100))+"ms;}}":"coverSlideLeft"===aniType&&(newStyle.innerText=cssComment+normalClass+" {position: relative;} "+normalClass+"::before,"+normalClass+'::after {content: " ";width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;}'+normalClass+"::before {background:"+aniBeforeColor+";}"+normalClass+"::after {background:"+aniAfterColor+";}"+startClass+"::before,"+startClass+"::after {width: 0;-webkit-transition: width "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms, transform "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms;transition: width "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms, transform "+aniDuration+"ms "+aniEase+" "+aniDelay+"ms;}"+startClass+"::before {-webkit-transition: width "+aniDuration+"ms "+aniEase+" "+(aniDelay+(aniDuration-100))+"ms, transform "+aniDuration+"ms "+aniEase+" "+(aniDelay+(aniDuration-100))+"ms;transition: width "+aniDuration+"ms "+aniEase+" "+(aniDelay+(aniDuration-100))+"ms, transform "+aniDuration+"ms "+aniEase+" "+(aniDelay+(aniDuration-100))+"ms;}@media screen and (max-width: 768px) {"+startClass+"::before,"+startClass+"::after {width: 0;-webkit-transition: width "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms, transform "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms;transition: width "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms, transform "+aniSpDuration+"ms "+aniEase+" "+aniSpDelay+"ms;}"+startClass+"::before {-webkit-transition: width "+aniSpDuration+"ms "+aniEase+" "+(aniSpDelay+(aniSpDuration-100))+"ms, transform "+aniSpDuration+"ms "+aniEase+" "+(aniSpDelay+(aniDuration-100))+"ms;transition: width "+aniSpDuration+"ms "+aniEase+" "+(aniSpDelay+(aniSpDuration-100))+"ms, transform "+aniSpDuration+"ms "+aniEase+" "+(aniSpDelay+(aniSpDuration-100))+"ms;}}"),$("head").append(newStyle)),num===aniJsonData.length-1&&d.resolve()};return init(),d.promise()},aniJs.aniScrollCheck=function(){var $win=$(window),offset=200,activeClass="js-active",ns="aniScrollCheck",init=function(){$win.on("scroll."+ns+" resize."+ns,(function(){aniScroll()})).trigger("scroll."+ns)},aniScroll=function(){scrollPoint.forEach((function($target){var targetOffset=($target=$($target)).offset().top,winScrTop=$win.scrollTop(),winH=window.innerHeight;$target.hasClass("js-active")||winScrTop+winH>targetOffset+200&&$target.addClass("js-active")}))};init()}}})}(jQuery);