JAVASCRIPT DETECT MOBILE DEVICES

[{"selector":"#anim-ee4c876b-ac14-4205-ab2a-754cbcd19671","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cf29c9d2-e1b5-4aea-82f8-3965d165f8f7","keyframes":{"transform":["translate3d(0px, 138.01168%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a3779fb7-2033-4bc2-a9f5-d87d2f1067bd","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b9eaf263-1f92-4134-b006-3af8b05cd6b5","keyframes":{"transform":["translate3d(0px, -1343.49219%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5faa35bf-c78a-49ab-9263-9123f09d2100","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-597e4d81-a0a4-4729-ac9c-d02f7b3920f3","keyframes":{"transform":["translate3d(0px, 290.74071%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] JS (quick guide & examples)

USER AGENT CHECK

[{"selector":"#anim-808165ef-65a5-4f48-9904-7420f632c163","keyframes":{"transform":["translate3d(-115.45741%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-33ec7cd1-7377-49f4-b0b1-5c4f2d0ea0d3","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] var isMobile = navigator.userAgent .toLowerCase().match(/mobile/i); if (isMobile) { MOBILE } else { NOT MOBILE }

MORE USER AGENT CHECK

[{"selector":"#anim-48dde30c-7377-47a8-af00-9a493d898af2","keyframes":{"transform":["translate3d(114.46540%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-3b019c60-7c04-44a2-80f7-a7b06e626914","keyframes":{"transform":["rotateZ(180deg)","rotateZ(0deg)"]},"delay":0,"duration":500,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] var ua = navigator.userAgent .toLowerCase(); var isMobile = ua.match(/mobile/i); var isTablet = ua.match(/tablet/i); var isAndroid = ua.match(/android/i), var isiPhone = ua.match(/iphone/i);

DETECTION LIBRARY

[{"selector":"#anim-ceb15aeb-564a-4b02-a899-43012ebff727","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ed83f63d-9451-4f07-9877-771ba16a208b","keyframes":{"transform":["translate3d(-116.39871%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-83290b20-4bbd-4b15-ae3a-4b158f66d516","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5465938e-7647-4b5d-ad13-402fe74e6e9b","keyframes":{"transform":["translate3d(0px, 202.30723%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Use the Mobile Detect JS Library. var md = new MobileDetect (window.navigator.userAgent); console.log( md.mobile() ); console.log( md.phone() ); console.log( md.tablet() ); console.log( md.os() );

VISIT & FOLLOW

[{"selector":"#anim-16634412-4daa-47db-b659-05063410a9fb","keyframes":{"opacity":[0,1]},"delay":2000,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-28e961b2-5854-4332-a5a3-5fea718192af","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0d24eef2-c16c-4655-b971-58a5f6096d45","keyframes":{"transform":["translate3d(-128.43511%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-aac99f47-ab7f-43e3-bb18-a04be1ffa9b3","keyframes":{"opacity":[0,1]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6750a221-2979-4a7a-9dc6-2c621ea989ee","keyframes":{"transform":["translate3d(-151.73267%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-235e5c8f-e9f1-48a7-8f7d-d394075756b7","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-200096a3-69fb-4627-b761-f21bf0936c55","keyframes":{"transform":["translate3d(-151.23154%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b69bbf05-594a-46a2-9f5a-ce40dd2fe916","keyframes":{"opacity":[0,1]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-99b844dc-3425-476e-b525-3b0652971cfb","keyframes":{"transform":["translate3d(-170.2941%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ef6c07df-0911-468b-a8a7-2292cea3b9e4 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-11.80816216074166%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

JAVASCRIPT DETECT MOBILE DEVICES

USER AGENT CHECK

01

MORE USER AGENT CHECK

02

DETECTION LIBRARY

03

VISIT & FOLLOW

CODE BOXX YOUTUBE

CODE BOXX PINTEREST

FULL TUTORIAL