2024 Web Design Trends Top 10

[{"selector":"#anim-d8823015-fd82-43c6-ad31-1d55edfbac9e [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-4.800189226245241%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-2e09805c-b3c6-4cf4-b602-df37a0a153ff","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bb9f433a-cc23-4291-a766-fa0cf98f2b4b","keyframes":{"transform":["translate3d(-120.59924%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7a78140a-a30e-4ad0-a86a-205c60ea32b0","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-04fb3694-3a25-4eed-8ec7-1ef10e00fca5","keyframes":{"transform":["translate3d(-118.21191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] BY START DESIGNS

Prioritize User Experience (UX)

[{"selector":"#anim-eb6fb680-eecf-4369-b250-2b778e65ffad [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-e7269523-ce6b-4f42-883a-6e1a476bae09","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c42c2656-d6ae-492d-8b06-42cf866026d8","keyframes":{"transform":["translate3d(-117.74744%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ec435952-c253-4f8f-9ddd-7344737a4e43","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e2650838-e1d3-4fba-859d-fc89578f695b","keyframes":{"transform":["translate3d(-118.21191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2a26c8f9-0d11-448a-8ce4-c9577694462c","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7e2043d8-d43b-4d81-947d-42464bbb8969","keyframes":{"transform":["translate3d(-118.21191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Emphasize intuitive navigation and a clear, user-friendly layout for websites STARTDESIGNS.COM

Integration of AI in Design

[{"selector":"#anim-c2b31f65-a9be-4a19-b4dc-2caf163123cb [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0.8376038764655734%, -20.49180214829339%) scale(1.4098360655737705)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-078679dd-e993-4f9c-ad9c-17e02bde38f4","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-926c7fac-abf6-414f-8d7c-c83db1b41df8","keyframes":{"transform":["translate3d(-117.74744%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-11a2a33a-0888-497e-bb28-1b6ae8c93a9b","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ed3838bb-0fba-4907-8ba5-2cebf9ba2ce2","keyframes":{"transform":["translate3d(-118.21191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bf24954d-34b7-499f-b4bc-6483325cf71a","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-746bbbc9-d746-4b33-88fb-68692ba2e792","keyframes":{"transform":["translate3d(-118.21191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Expect AI to play a larger role in generating design elements, personalizing content, and optimizing websites for improved conversion rates STARTDESIGNS.COM

Y2K Nostalgic Design

[{"selector":"#anim-74604e4c-4c73-4dbb-bcd3-c819412ee873 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(1.5738325331951621%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-2b32774b-1b4d-4e71-8d18-de56158ac3e0","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fbe80f1b-7435-4022-981f-70ac77a09d18","keyframes":{"transform":["translate3d(-117.74744%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d2c15b13-5f90-48f2-b9c8-e8a991c43a01","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-176d2897-1277-497a-af05-811083979b64","keyframes":{"transform":["translate3d(-118.21191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-35e2e3ae-f7bb-44b3-80fc-9cb205bf6f74","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c048abc9-b0ea-4673-9421-5af23b8a5093","keyframes":{"transform":["translate3d(-118.21191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] The resurgence of 90s aesthetics brings glitch effects, neon colors, and retro fonts back into web design trends STARTDESIGNS.COM

Dynamic Typography

[{"selector":"#anim-530d666e-7264-4ab8-b804-6608b71ff3df [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(1.5738325331951621%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-1470247a-af3a-46e6-840c-d998a46c6d4b","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7bc61065-e1c0-402a-af2a-2c4ad4880e2a","keyframes":{"transform":["translate3d(-117.74744%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b83272ac-d06d-4c09-a296-9588e40a34be","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-06796746-2e7b-4ddb-9da6-ea69d932bd44","keyframes":{"transform":["translate3d(-118.21191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0b39e272-8b75-4b63-8d6e-dfe25b4994aa","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-48016248-eaa2-41aa-acb6-0d2df679f0e1","keyframes":{"transform":["translate3d(-118.21191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Kinetic typography introduces animation and movement to make text visually engaging and interactive STARTDESIGNS.COM

Microinteractions

[{"selector":"#anim-f600acf9-9637-4948-81cd-3209c1afe638 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(1.5738325331951621%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-32f98374-a5a7-4d87-9ea2-bb7a49e5d3fb","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2c9676d0-bf28-4e92-8b83-792e47cc2f12","keyframes":{"transform":["translate3d(-117.74744%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6278b4e0-ba10-4a03-a863-2bb21a95c7f5","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c494dd28-1dae-4adf-a949-955686031f85","keyframes":{"transform":["translate3d(-118.21191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-540d5c62-6450-4b0f-87f6-48825bea8b81","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-348a2048-6207-4006-9da1-9fcd57fa16b7","keyframes":{"transform":["translate3d(-118.21191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Subtle animations like color changes on hover enhance user delight and responsiveness on websites STARTDESIGNS.COM

Richer Graphics

[{"selector":"#anim-2662556f-3686-4f83-922e-2843377237f8 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(1.5738325331951621%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-13353cb7-c580-4eb0-8667-5f5ac70cc12d","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5eb9bdca-ad8e-4954-9f70-47cfb1c65acb","keyframes":{"transform":["translate3d(-117.74744%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c188972d-8591-4ec0-9563-cf6eeff83e1b","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-103e726a-512b-4e0d-83d4-df8bbb12f55e","keyframes":{"transform":["translate3d(-118.21191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d5d3e957-13b4-4acf-af2a-dcecc1fec2aa","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-27007231-6708-45be-93cb-62314ad6d4d8","keyframes":{"transform":["translate3d(-118.21191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Moving beyond flat design, web design now incorporates detailed graphics such as illustrations, 3D elements, and high-quality photography STARTDESIGNS.COM

Experimental Typography

[{"selector":"#anim-7fa36b36-1b34-4c9f-9994-19d5ff565ab9 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(12.134248830934727%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-81b82dec-b74e-4efd-9fcd-a81a128a8aa6","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d022ded3-4b77-4f94-902d-6023856e7b54","keyframes":{"transform":["translate3d(-117.74744%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-314f2e0d-6c52-4006-9f9a-0bd8ae966ff5","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c893059d-4e02-4128-9451-c364bd5b3f6e","keyframes":{"transform":["translate3d(-118.21191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-57e6f8d9-df21-4f16-8deb-15b7d5d26d74","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-601018cf-aee5-4b85-aebd-b90edf72a047","keyframes":{"transform":["translate3d(-118.21191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Fonts are becoming more expressive with a mix of classic and modern styles, including bold statement typefaces and layered text effects STARTDESIGNS.COM

Glassmorphism

[{"selector":"#anim-31a14d7c-95c5-4934-9bac-4cdf12059689 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(7.334059604689504%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-3ee4ef8c-3cef-402e-a97e-8ed54f50cf51","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3a66fd58-ae43-486b-96ac-639c837fae46","keyframes":{"transform":["translate3d(-117.74744%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6162a0e7-d825-4ca7-b72c-8b8776fe0c24","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a64d3c48-c203-40ec-b95f-0665b8cbcd18","keyframes":{"transform":["translate3d(-118.21191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ec30cc65-d35a-4b50-a4d8-f735cc49a5f0","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f81d06c5-8433-4927-9d26-3d0f607328b2","keyframes":{"transform":["translate3d(-118.21191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] This effect adds a modern and sleek look with hazy, translucent overlays on elements, often seen in hero sections STARTDESIGNS.COM

Handcrafted Illustrations

[{"selector":"#anim-13ab9930-3982-4b5a-9f0f-9f14551b682d [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(2.5338703784442416%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-1ddde885-b060-4849-b180-bc9b40d06af0","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a333e815-cf6d-446c-b35f-ba76db058a86","keyframes":{"transform":["translate3d(-117.74744%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b1424467-740d-4cfe-afc9-f592a0621555","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3f6d4b62-2170-4689-af7e-fabfa7305437","keyframes":{"transform":["translate3d(-118.21191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-52b53ae2-6499-414d-b540-12a8d3d6478c","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-82ec13fe-99e0-4964-b2d5-17f34f4ffb46","keyframes":{"transform":["translate3d(-118.21191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Custom illustrations add a unique and personalized touch to websites, helping them stand out STARTDESIGNS.COM

Clear Borders

[{"selector":"#anim-8ed584c1-5b75-467e-8767-437770234c9c [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(1.5738325331952012%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-0adc69fb-51ee-4351-ad16-4083bfcdf04b","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-312f1835-2be9-4692-86aa-9cc23857a28f","keyframes":{"transform":["translate3d(-117.74744%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f206bcd0-6ddb-45d5-8c94-f6c4c8eed534","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9755d633-f52c-4d57-8aee-948a23ec0cf7","keyframes":{"transform":["translate3d(-118.21191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bc7a8dde-c435-4a62-91ce-dff21c2c51eb","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-72aa1272-9ceb-4466-87dc-dd859bf46d91","keyframes":{"transform":["translate3d(-118.21191%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Clean lines and visible borders are making a comeback, contributing to a structured and organized design aesthetic STARTDESIGNS.COM

5 Tips for Reducing Your Website's Bounce Rate

[{"selector":"#anim-36519b5d-7dbc-442c-8c11-d6fa5ac740d3 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-25.00976554772204%, 0, 0) translate(-25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"fill":"forwards"}] [{"selector":"#anim-2e2cf7a5-f635-48ad-908c-8c3fd3ff750d","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] View More