GENERATE QR CODE IN JAVASCRIPT

[{"selector":"#anim-2f06ec2d-63e2-4491-878e-dfbf89ade662","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c1592fdd-a9e2-4da7-a2f6-fefa700b1910","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"}] [{"selector":"#anim-f57abbde-9e1d-4955-8d82-51a98d0cbf0e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c0d12e18-2234-4668-8f52-5945517f552e","keyframes":{"transform":["translate3d(0px, -1303.39557%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] (quick guide & example) JS

SIMPLE QR CODE

[{"selector":"#anim-9d7b9d81-c526-47c5-91aa-2c82bd26260b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-84133767-8465-476e-9295-693dc8c7f172","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-eea498cd-0e87-4c9f-80a1-9b053302b44b","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-80bbd5e6-ae87-4c02-9671-e2b6ed0beafa","keyframes":{"transform":["translate3d(-115.14196%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-aedce19d-c0a0-4db5-b237-e754b137d5fa","keyframes":{"opacity":[0,1]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4b92844a-83b1-4b13-b737-1e6d42da4232","keyframes":{"transform":["translate3d(-115.45741%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] LOAD QRCODEJS LIBRARY https://cdnjs.com/libraries/qrcodejs https://github.com/davidshimjs/qrcodejs <script src="qrcode.min.js"></script> GENERATE QR CODE HERE <div id="qr"></div> CREATE QR CODE <script> new QRCode(document .getElementById("qr"), "https://code-boxx.com/"); </script>

MORE QR CODE

[{"selector":"#anim-7b5625e5-704a-4e04-801f-b6a98bb12448","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-52aac95e-a5fa-4945-a5c0-48b6eae6bf94","keyframes":{"transform":["translate3d(114.55696%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-87ab8eb2-70dc-4f3d-9cdb-2616992e869b","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8301101f-31ed-4b65-8b1f-fd6acb2957ef","keyframes":{"transform":["translate3d(114.87342%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6321cf11-f45a-46ec-b5e4-9b82034ecfb7","keyframes":{"opacity":[0,1]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9dc957e4-e6e3-471b-818a-55ce88696565","keyframes":{"transform":["translate3d(115.23810%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] TELEPHONE new QRCode(document. getElementById("qr"), "tel:+12345678"); SMS new QRCode(document. getElementById("qr"), "sms:+12345678"); VCARD let card = "BEGIN:VCARD\r\n"; card += "VERSION:3.0\r\n"; card += "FN:Jo Doe\r\n"; card += "TEL;TYPE=home:tel:+1-123-456"; card += "EMAIL;TYPE=internet: jo@doe.com"; new QRCode(document. getElementById("qr"), card);

QR CODE OPTIONS

[{"selector":"#anim-88f6b388-7aad-48d2-80b8-eaa308e0cb64","keyframes":{"transform":["rotate(-540deg) scale(0.1)","none"],"opacity":[0,1]},"delay":0,"duration":500,"fill":"both","iterations":1}] new QRCode(document. getElementById("qr"), { text: "https://code-boxx.com/", width: 100, height: 100, colorDark: "#ff0000", colorLight: "#ffffff", correctLevel : QRCode.CorrectLevel.H });

VISIT & FOLLOW

[{"selector":"#anim-8a5ed0fc-14f5-44c9-b7dd-342140f7729a","keyframes":{"opacity":[0,1]},"delay":2000,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e8463901-d138-4954-bb1e-87f8855ccc11","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a0074867-2f4b-4b40-86e9-19327fcfb4e5","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-61bdfceb-9105-43a5-b91b-e8f81dfdc2d9","keyframes":{"opacity":[0,1]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c1da8aa7-f3cd-4844-94f1-1470332442b0","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-5991d6cd-8b22-4272-be34-1350503d7ea8","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4f425d14-892b-4d1c-8f78-cd43711be300","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-fe7c0936-3119-4170-8a46-2c2c03329a0b","keyframes":{"opacity":[0,1]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1aa403bc-7f3e-436d-b426-151f96dca94b","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-a2315adf-5464-40c1-89a3-f3a34e7a830e [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"}]

GENERATE QR CODE IN JAVASCRIPT

SIMPLE QR CODE

01

MORE QR CODE

02

QR CODE OPTIONS

03

VISIT & FOLLOW

CODE BOXX YOUTUBE

CODE BOXX PINTEREST

FULL TUTORIAL