#1 Cartoon CSS Text Shadow Effects

[{"selector":"#anim-2b973374-8e1d-4754-ae35-e9e2b90ddb98","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-98741bdb-fc38-44b4-aa56-9cf7885d70a4","keyframes":{"transform":["translate3d(0px, 108.47886%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

#2 Funky Retro Text Shadow

[{"selector":"#anim-16401d62-bff2-41e8-8bc4-c2f898a77c2e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-95f22d31-1b6a-4568-9b3b-0978374655ba","keyframes":{"transform":["translate3d(0px, 111.04850%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

#3 Awesome Outlined Text Shadow

[{"selector":"#anim-044ba218-261c-4846-8278-ee0298057485","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2e2e2235-8baa-42ee-95ba-285a841f2272","keyframes":{"transform":["translate3d(0px, 108.70666%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

#4 Layered text-shadow effect

[{"selector":"#anim-a4d7056a-e46a-4299-b120-e0a814e9d304","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-70ccb304-ec71-48e8-984b-9e3f59f2f664","keyframes":{"transform":["translate3d(0px, 108.25107%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

#5 Pure CSS Pretty text shadow

[{"selector":"#anim-660ea098-cc94-498d-82aa-524b3f6ecd8d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f764ffea-9f7d-4d60-a6d8-ee590cb86e99","keyframes":{"transform":["translate3d(0px, 109.35836%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

#6 Variable Longshadow With Gradients

[{"selector":"#anim-9cfcf7d6-8263-422a-bef6-0df3a3f4dc1a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0aa197ad-c70a-405c-bf83-bbc986248cdb","keyframes":{"transform":["translate3d(0px, 108.25107%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

#7 CSS Dashed Shadow

[{"selector":"#anim-306d67a8-ae89-491a-a6ff-0ac981435746","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ff1c674b-a95e-4389-a847-95d59c4f4a67","keyframes":{"transform":["translate3d(0px, 110.76681%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

#8 Glowing Text Shadow

[{"selector":"#anim-ab81ed4d-6304-4c46-9cae-356753172302","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4e12aae2-507a-45f8-a203-17f378c16aa4","keyframes":{"transform":["translate3d(0px, 111.07973%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

#9 Glass Text Shadow Effects

[{"selector":"#anim-784370b3-4330-4cb8-ae85-cf1a01568c8b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e288535b-3a4d-4ce9-9f67-1c6de200b2c2","keyframes":{"transform":["translate3d(0px, 111.07973%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

#10 Smoky Text Shadow Effect

[{"selector":"#anim-e7f5d5f7-dde9-4227-81d9-a174b32b293c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ad159d6f-a1f2-4997-bcfe-c97ba8ac72fa","keyframes":{"transform":["translate3d(0px, 160.27047%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Learn more