#01

#02

[{"selector":"#anim-cd572e5c-dd17-4e4a-a842-9f16da637172","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9a1d4fba-4c23-449c-958d-cc7b999e8338","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-93eafd16-165a-4758-addf-3fb42bfd7fab","keyframes":{"transform":["translate3d(0px, -263.67521%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9a95571a-b8c4-4d42-aafb-7e58e374f2f1","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-a7c914a8-82ff-4dab-b262-cef5671c3cab","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Check Now

#03

[{"selector":"#anim-db98fe8a-38c0-434a-a204-f6c511259017","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c23bb62f-af6b-4ee7-975c-512088539a23","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2719fa2f-80ae-4e6e-9318-80a6e2cd125d","keyframes":{"transform":["translate3d(0px, -263.67521%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-75ab778c-fa51-4acb-9158-d7f10296595f","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-5043a410-c56d-48d5-93ad-46c80610b5b6","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Check Now

#04

[{"selector":"#anim-bb961f7d-a275-4368-823a-10e36caaeebe","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4c4897c8-cbd0-478e-baa9-c8b1f4dd6a73","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-61f3feeb-1c6f-4e00-b550-1634badd14b9","keyframes":{"transform":["translate3d(0px, -211.98831%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3d8e3340-13c2-423a-9467-49b6013544d3","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-f0d1706f-cab9-4253-ba27-2c565ddf7a7d","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Check Now

#05

[{"selector":"#anim-c7cd8528-05ee-4f61-b81b-0cbf484ce79f","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-975f40fe-030d-40f9-acd3-e0c115a14c7e","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-faaaa71e-92a2-4902-ab9d-da80bc781c0d","keyframes":{"transform":["translate3d(0px, -263.67521%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2c24b3b5-8394-4ebd-afba-c0e934fceec4","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-1d894a0c-f253-4cd1-ba24-87eef1483675","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Check Now

#06

[{"selector":"#anim-082fb5e8-46d3-4768-bd6f-66c14ebf2296","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e4ec3cfe-0d19-4781-9e28-33d92adfae37","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7599b125-c209-4224-b492-a2fa25fb9072","keyframes":{"transform":["translate3d(0px, -263.67521%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Check Now

#07

[{"selector":"#anim-2deb2658-bad6-4f6b-b9a1-b709d1353a05","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d549e134-891d-44e4-846b-eb817f9651a3","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-054c6a6d-11e3-4248-832f-a9917649a3f9","keyframes":{"transform":["translate3d(0px, -263.67521%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-19394a50-f3f9-4b03-b66e-fc6b28271e3c","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-5bf97dfb-c815-485b-a1f9-299e6960d7d9","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Check Now

#08

[{"selector":"#anim-4c5d345e-bf29-4402-a0fa-e0d4cf348cef","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b6b45926-ca02-4ba2-88ac-c3d286e03d9a","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5fb6de31-510a-4ef9-bf3e-44fafa19ea78","keyframes":{"transform":["translate3d(0px, -211.98831%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-25b5b635-e1c6-4f36-a039-eac7f101b467","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-533c1f67-0ad8-4671-9969-cc5ba4bb61c2","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Check Now

#09

[{"selector":"#anim-43cc3040-32ec-4ecb-b6f7-e670cfdaff31","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-834e51c0-5b9f-41f9-a753-241aeb4a3022","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f48b1fe9-1339-4349-a8f0-d74345c93c51","keyframes":{"transform":["translate3d(0px, -263.67521%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-28c3e642-a85d-40f9-a9a4-0aefab32d6f6","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-4ec0de6b-f495-47e0-8c0a-424b4bd03449","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Check Now

#10

[{"selector":"#anim-c07fd72a-b9dd-4100-ae3b-0a8877aa44ee","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5ec00b12-e223-4b13-b0ee-40eb3112b87b","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fc6ca25b-dcab-46e8-96ea-45f1a9f9003b","keyframes":{"transform":["translate3d(0px, -211.98831%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-abbc0978-7743-4c1b-8702-cd47efafd495","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-2a43b147-e28c-4c4f-9514-2fed998b492f","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Check Now

25+ Best Dropdown Examples

[{"selector":"#anim-f98727cb-2e94-4161-8465-425375983342","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-949858ea-093b-4683-b8c3-90ac2595978a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ae233ad7-7ec3-406f-9911-9fb6a23f5e99","keyframes":{"transform":["translate3d(0px, -130.93093%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Learn more

#01

THREE JS Text Animation

#02

SVG Text Animation

#03

Awesome Text Animation

#04

Shimmering Neon Text Animation

#05

SVG Drop Text Animation

#06

CSS 3D Text Effect

#07

Animated text fill with SVG

#08

Text Shadow Pattern Animation

#09

Water wave text animation effect

#10

Glowing Text Animation Effect

25+ Best Dropdown Examples