DISPLAY HTML CODE AS TEXT

[{"selector":"#anim-982cedd2-f169-4611-9274-f22ba92e28cf","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f3f83ee2-7df0-4366-b2d8-624e15231fb3","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-04c6e4c0-2d77-4a2e-b53d-e4bfec6f6138","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3ccb02ef-6463-4ead-a9e3-2b45f0cbb70b","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-703a8df1-757b-4616-ac26-0f99f45f4edb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3dc401f6-e138-4cd1-9b4f-2c96f610313a","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-3baee74e-536a-4207-ad2d-29998f7e9c96","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9f0e1b60-b283-40ca-ad64-13f7b8e397cc","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-972812dd-9fcb-44d7-afff-43e0b430be9e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5052b867-6b4d-412e-852e-79e2e662c0aa","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-c2c74f7e-6b9c-46ab-ba54-982b02402abd","keyframes":{"opacity":[0,1]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ebe0463c-8482-4c8b-aa94-562d4cb930d0","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-72f0063b-b097-4fe0-89ab-9e5ea2bdc5fa","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-de90fbd3-c386-4cbd-bb97-59ff7a181bf5","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-b5a461c7-7c88-4053-86ea-e11cf75a33a7","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8a748b3a-082f-4c0a-ac51-6277c03984a5","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-485e3c77-b246-4e65-a076-df2536e1af0f","keyframes":{"opacity":[0,1]},"delay":2000,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e1f70296-5ad1-49bb-b536-960efe93518b","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2a1bcefc-2b62-4eec-bd70-7631c0c4b63d","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-002a4153-275f-49c1-8185-637ebce0f970","keyframes":{"opacity":[0,1]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f36b6a8e-f246-4811-83f1-49a2f1494361","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-bad56e65-2736-475a-87ba-d13c3c938b05","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-689440f5-c4ab-491a-b950-9f4876dfd2a2","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-a0b835ca-ec81-4532-80aa-7f21cf091342","keyframes":{"opacity":[0,1]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-63603ea3-da1b-43f8-9235-08cb4f053295","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-20ad68a6-fec6-4727-a40e-5fc2dcf4d9ac [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(25%, 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