JAVASCRIPT DETECT MOBILE DEVICES

[{"selector":"#anim-a46f4187-065e-4dc3-8d96-dc192196a440","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0bedb9eb-1250-43a0-8002-fc736f1f37bd","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-f180dc93-fe40-4a6d-8fdf-5f7b9e4b6e9d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0db4ea00-fc5a-45fb-b48d-6b64eb0e1e4c","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-14409f86-aab2-47d1-beef-fb49fe1944fa","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-13c2f0d4-1a8b-41e2-a7e7-b2ff742b8a63","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-2fa459e1-f451-4219-a7dd-5bdbb4f3ebb2","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-100c1dc3-b6a9-4d88-b7bb-72b109b7e527","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-85c76113-b4d7-4dd4-b220-66b47c910652","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-56dd8eaa-304d-4487-9e95-c229d6a79db6","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-daea64c4-373f-4238-b12c-77f21b9d0ee4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ed80c7a3-ea32-4d1a-b617-6a6daa7e5908","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-d57a6e3b-eff9-46d3-a0d3-711e814b0dc7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a0e1a979-c008-4db5-88f6-0b7052ebe391","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-3e56aea0-3501-4fec-8a60-2c1e54964586","keyframes":{"opacity":[0,1]},"delay":2000,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8461de5b-f9d8-43e4-824e-e77dd092bdac","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f59a04be-8fb3-42cd-a7e4-90dd3f9864c1","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-ef6cf33d-5973-4094-9265-52fc754e1695","keyframes":{"opacity":[0,1]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-60740c41-a699-4666-92d7-2e24970d5237","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-47378758-cd6f-4e3e-8b53-2590e47a7cb2","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-38c4fabb-2984-4d61-be72-dc8631e45031","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-06aa7eeb-51c8-40b3-bae6-8d0123089b9a","keyframes":{"opacity":[0,1]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-51dc5eca-1abc-4905-997c-1cd88b0f9b19","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-149349a3-d001-46eb-ac3f-36953ba6b4c2 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-4.249001618125643%, 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