DISPLAY HTML CODE AS TEXT

[{"selector":"#anim-cd6c0997-ae12-494a-894e-c119de4ce172","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c585e6bb-3bf0-443c-9ee8-a5c2737ff35d","keyframes":{"transform":["translate3d(0px, -1458.95122%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-15344f88-256a-4348-9572-21302306ff48","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-67a31778-bd30-4970-9dba-fc5d4c159000","keyframes":{"transform":["rotate(-360deg) translate3d(0px, 153.49793%, 0) rotate(360deg)","rotate(-360deg) translate3d(0px, 0px, 0) rotate(360deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-563eee68-6ca9-4a0d-8537-5d42d0da9f66","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1fe5b2cd-5805-4da5-af40-3684472cbaf2","keyframes":{"transform":["translate3d(0px, 294.07400%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] HTML CSS (a quick guide)

REPLACE WITH HTML ENTITIES

[{"selector":"#anim-22bf485d-0aa5-4bc9-ab52-e7f49ac83e82","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8d65306d-b5ff-475b-a897-eaade8cd8402","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ed4d3a25-754b-487c-8ccf-ff79054292a1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-635eff0d-1679-4f9e-bef1-75d2886d1f64","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-91c36734-9d5e-43b8-8d0e-19c2edd74e25","keyframes":{"opacity":[0,1]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d3ddb71d-89b8-42b9-bb56-ed4c76690625","keyframes":{"transform":["translate3d(-114.87342%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] THE &CODE; IS CALLED AN "HTML ENTITY" &lt; Lesser than symbol. &gt; Greater than symbol. REPLACE < WITH &LT; AND > WITH &GT; The &lt;strong&gt; tag has a semantic meaning of "strong emphasis". ONLINE HTML ENTITY CONVERTERS There are many "online HTML entity converters" that you can use. Just do a quick online search.

DISPLAYING HTML CODE "NICELY"

[{"selector":"#anim-b630b438-83be-4596-bc4d-ad89e3c835a9","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-84e1862f-b52f-4eb0-8584-acb9445b2efb","keyframes":{"transform":["translate3d(115.18987%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-da91fa84-ad8b-4f2d-aa1a-a45358a75e2c","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bb22b0ba-ce48-4f3e-8ea1-f2e463d8da77","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] <CODE> TAG The <code>&lt;p&gt;</code> tag stands for "paragraph". <PRE> PREFORMATTED - RETAINS LINE BREAKS + EMPTY SPACES <pre><code> &lt;ul&gt; &lt;li&gt;First&lt;/li&gt; &lt;li&gt;Second&lt;/li&gt; &lt;li&gt;Third&lt;/li&gt; &lt;/ul&gt; </code></pre>

VISIT & FOLLOW

[{"selector":"#anim-5f74d190-654d-41e5-89bf-2bb2b87f7019","keyframes":{"opacity":[0,1]},"delay":2000,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0e930db1-5cc5-42f6-b58a-01c1049e0d78","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e26c9fa5-f8be-4a47-b33a-ef6b2c7588ea","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-9dd03d14-6c4c-47d7-9846-aabb31f02ce5","keyframes":{"opacity":[0,1]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-75fd338f-06e8-48b3-a96a-e5f19fc8dce7","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-886be501-521c-41ad-9870-0fff281bc741","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-38410203-a33c-431a-b194-3af75911233a","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-996cafb9-4c05-4c8d-b6b2-ec4895dd94a3","keyframes":{"opacity":[0,1]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fba6bd56-156e-47d1-b4c9-7decf4daf1c9","keyframes":{"transform":["translate3d(-170.88234%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-eb1ab3d7-e572-4f84-8d79-6df64a822c30 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-4.665192251743079%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

DISPLAY HTML CODE AS TEXT

REPLACE WITH HTML ENTITIES

01

DISPLAYING HTML CODE "NICELY"

02

VISIT & FOLLOW

CODE BOXX YOUTUBE

CODE BOXX PINTEREST

FULL TUTORIAL