#01

three js text animation

#02

[{"selector":"#anim-86c749ce-019b-4ce0-9f73-24f3efce6064","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cbe3d021-32c6-4fec-a54b-8398fa543dc7","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-33014ae8-1af2-4015-9169-24b0d00f49c3","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-fa7de243-46da-4691-9950-f7150339d9f8","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-1be07777-1dc0-4925-9aab-571a66eb5744","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] svg text animation

#03

[{"selector":"#anim-3c7e3d69-f55b-42af-8426-19a24c140cc0","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1b0e3702-f8a3-4b04-9d11-4d9f9512dfcd","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-43d094af-0547-4aa5-b88c-96d61e79e169","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-3b15f243-dc88-45c0-84b6-30891a0d90ea","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-07510778-2d38-4e5d-ac7c-1aae67a02133","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] text animation

#04

[{"selector":"#anim-04f1bd82-29e9-47ad-a932-0ac6723f3f5b","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2e3f13c7-41e6-48cc-aec7-0ac29e264b91","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2620d09c-2fb7-4331-999d-e6d7eb358669","keyframes":{"transform":["translate3d(0px, -210.53393%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-660c36e8-0fbb-47f9-9288-9a7b2856ca64","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-817358d3-b496-4d9c-843b-bda5f8e08487","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Neon Text Animation

#05

[{"selector":"#anim-d126f291-72ee-4ea0-af05-b1d617582043","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0fc98f60-9f2a-4b92-aa05-67ee2aaabfd0","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cd1d5154-2760-45ef-84e4-05edfe511491","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-634b1631-e8cf-4d3b-a432-0fc7a3270d47","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-c0c7befb-18ff-4596-81c9-3c6206452429","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] drop text animation

#06

[{"selector":"#anim-8cabc493-76f7-417c-8d63-da1d63a0d4e2","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d30aeb8c-70de-480c-bdd3-46b4995dd38a","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bf06f0a4-3c1a-4c99-97a1-799ce393f26d","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"}] css 3d text effect

#07

[{"selector":"#anim-786bf806-fe86-48dc-9d4d-d1f6fbf2543a","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b5a19b0b-9025-41d4-8b1e-8b98670f740d","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9d1f1c3d-a92b-4752-8141-7b19667aa36e","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-0f9f3305-e329-428f-8e4e-ab935a74e412","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-0ba5ba9d-a859-4223-a087-1b5902ddc403","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Svg Fill Animation

#08

[{"selector":"#anim-083d0f02-9baf-49bd-9b93-c9a0d0194ccf","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b940fc8f-2947-4032-bbe6-19a483dd21cf","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e9b57685-b299-4420-b422-a92fd08e7c5d","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-d7453e07-e07b-46e6-a067-7fdb9e757871","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-10ec83b7-79fa-45b6-a36a-a8447b9b508c","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] text shadow animation

#09

[{"selector":"#anim-8c4bf48e-360d-4f1d-b607-9e0aae4a7a8d","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1647f17a-d954-42c1-a791-475c9fe5c507","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3dec55d5-74eb-42f1-a019-23e93338e07c","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-298fa94b-0775-4010-a242-8bacb0e52435","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-07c439bc-4315-4960-bf25-ead260cf0c38","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] wave animation

#10

[{"selector":"#anim-5ab06579-e430-4845-8d86-70ba7015b000","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1515daf2-7b1b-4112-8bd8-4b60ff8053a8","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-88b0c8b5-b658-4745-9b7a-67a5a5a75c9d","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-a08c3446-025b-44ab-a897-20e9623b3dc8","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-517b588a-70ad-4d9d-96de-cf14e2cfa2cb","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] glowing text animation

25+ Best Dropdown Examples

[{"selector":"#anim-4fd526ad-9add-4f40-b350-48ce3e51d398","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-78b1ab2b-f7e8-4603-874c-1649e1fed4e8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-64c2b0a9-4405-496d-940b-8385e4828945","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"}] dropdown examples

#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