REDIRECT ON CLICK IN JAVASCRIPT

[{"selector":"#anim-2fd82c8a-65f4-46b4-94ec-c1efc18aab78","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2d98d7a0-f53a-4f3e-b858-d22a978feaec","keyframes":{"transform":["translate3d(0px, -1289.5067%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6777b9fa-7e1a-4a86-b78e-42396cc0ac10","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ea220e6f-7037-47ea-a030-d1a76b0e03ec","keyframes":{"transform":["translate3d(0px, 136.84806%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c56ce44b-f766-42cd-9a43-260516e90b6d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6b94eb23-6bea-4d51-a998-a3da20d72ca5","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)

LOCATION HREF & ASSIGN

[{"selector":"#anim-d8a34fbd-b533-4a17-b2cc-9de5be4cd8b2","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9d9b7d32-1a4c-4d01-bb2b-6cfaa60bff4d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b912fcb6-13cc-4f5e-b487-9b71f42a0eac","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-77935b7a-0c16-4dca-8c38-4cdc4be84e18","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8a6024e3-6747-4184-a644-167612d739cc","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cc0af9de-e855-4eb4-afc1-0d6dc9224ce4","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":100,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] ASSIGN LOCATION HREF <input type="button" value="HREF" onclick="location.href='URL'"> CALL LOCATION ASSIGN <input type="button" value="ASSIGN" onclick="location.assign('URL')">

LOCATION REPLACE

[{"selector":"#anim-19411f46-6449-4e7c-8d97-ca013614fb2c","keyframes":{"transform":["translate3d(117.20780%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-10e546a5-6f41-4b0d-b8ad-394488e1f808","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-36c59a6c-ad4c-4022-98fa-45bc36b861d5","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] WILL REPLACE THE CURRENT URL. I.E. CANNOT GO BACK. <input type="button" value="REPLACE" onclick="location.replace('URL')">

REDIRECT SAME PAGE

[{"selector":"#anim-40e55aa9-a0ca-4f84-8d01-4cc700a38aad","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f772eb40-b75a-414e-92cd-f5739333683b","keyframes":{"transform":["translate3d(-114.8265%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c4908102-4288-4e34-b96b-68ea94b0dd0a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1f3e09c0-645d-4ae2-9a7d-1d4e7926a5c6","keyframes":{"transform":["translate3d(115.14195%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] function go () { SET URL HASH location.hash = "bookmark"; SCROLL TO ELEMENT document.getElementById("bookmark") .scrollIntoView(); } <span onclick="go()">To bookmark</span> <span id="bookmark">Here</span>

VISIT & FOLLOW

[{"selector":"#anim-1b37cf59-9e2c-4dea-a185-7644e9059492","keyframes":{"opacity":[0,1]},"delay":2000,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ffb2ec0a-b790-47c6-a457-d8b7dfcff062","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5ac46074-8733-4dc4-9176-96b8efe925a7","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-9aebe8fb-7509-4a68-b859-244352eb95a9","keyframes":{"opacity":[0,1]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f877c030-9c05-4a1b-aca0-723f09ae15a7","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-b128b3ef-3b7e-45a4-ae65-0c21874583e1","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-58a485f9-e91b-4d27-9213-ea81a8aa5570","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-59e798dc-4d0b-426c-9449-a588b87a1900","keyframes":{"opacity":[0,1]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4b8a95ba-f62f-496b-bace-83d785d90ad1","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-affde4e5-33b4-4132-8265-25f81116cd4e [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"}]

REDIRECT ON CLICK IN JAVASCRIPT

LOCATION HREF & ASSIGN

01

LOCATION REPLACE

02

REDIRECT SAME PAGE

03

VISIT & FOLLOW

CODE BOXX YOUTUBE

CODE BOXX PINTEREST

FULL TUTORIAL