Essential Angular Best Practices That You Must Know

[{"selector":"#anim-6d843e69-bcf4-4ebf-894b-bd0e0e4839a5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-83e6d733-b26b-4cf3-b92b-9d2a5ac8dae8","keyframes":{"transform":["rotate(-208deg) translate3d(0px, -64.16953%, 0) rotate(208deg)","rotate(-208deg) translate3d(0px, 0px, 0) rotate(208deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7c8a460d-4b42-4da3-8f32-e0a1fdec179e","keyframes":{"transform":["translate3d(-118.95425%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-0fce7feb-7805-4d77-b008-1d0ffe18d83e","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] By Betty Doe / July 23, 2020 Red Section Separator

Use of Angular CLI: To Streamline Development

[{"selector":"#anim-ad1f1ef4-8574-4621-b8b7-95a83401c390","keyframes":{"transform":["translate3d(-123.33333%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-10ee6b15-7ccb-4914-8fd3-3f0657fca5b1","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] [{"selector":"#anim-9f55a381-9e56-4efd-a68d-23d0c9beb59f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-aa87f6d5-0d8b-4c0b-9d74-020949ecdb34","keyframes":{"transform":["rotate(-208deg) translate3d(0px, -64.16953%, 0) rotate(208deg)","rotate(-208deg) translate3d(0px, 0px, 0) rotate(208deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-66c21a6a-0fa8-455b-b88d-04fb64b5df22","keyframes":{"transform":["rotate(-40deg) translate3d(-304.9383%, 0px, 0) rotate(40deg)","rotate(-40deg) translate3d(0px, 0px, 0) rotate(40deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6c122144-230f-4f1d-b1b1-66ead82c3f23","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1b9fd641-5851-4ba7-bf8d-308f519a362a","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-d28d99a4-36c1-4f14-afe3-03832e082107","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3e80a288-6b42-4920-8668-6cc93419d731","keyframes":{"transform":["translate3d(-811.11087%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-408d32e6-e68e-4339-870f-c23ee37063cc","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-b8546083-01d5-46ad-9661-2bd96011fece","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Red Section Separator Learn more

Avoiding the Use of Logic in the Component

[{"selector":"#anim-a625bda9-f763-4fb4-a1c0-71745b30c02c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-52613066-e180-4f4c-8b99-5f482053ddd8","keyframes":{"transform":["rotate(-208deg) translate3d(0px, -64.16953%, 0) rotate(208deg)","rotate(-208deg) translate3d(0px, 0px, 0) rotate(208deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4736cc45-365d-4ad3-981c-49abb44f3346","keyframes":{"transform":["translate3d(-126.2963%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-67a5666d-7cef-4c0b-81bc-cdbde1083f8c","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] [{"selector":"#anim-e9cbe09a-6d0a-47b9-ad8f-a7d9277228ce","keyframes":{"transform":["rotate(-40deg) translate3d(-304.9383%, 0px, 0) rotate(40deg)","rotate(-40deg) translate3d(0px, 0px, 0) rotate(40deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fb535517-3a64-4ad1-ba57-2a93dfac42ef","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-04e861ff-a52e-45f6-8c7b-5867f2efcd5c","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-e0e7e77e-8548-4c72-be4c-a44922558117","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5600af72-8a7c-4f71-bbbc-ed15063e9c3a","keyframes":{"transform":["translate3d(-811.11087%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-29de0c3b-a565-44b0-90d7-f6d7fd4c98f4","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-c7216d2d-1395-4c3b-8e8e-99ea5b232dc0","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Red Section Separator Learn more

Use Built-In Angular Features For DOM Operations

[{"selector":"#anim-1a8a5c1c-d855-4ca5-8a39-9150289d3c63","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3a8e1209-25f8-4dca-87a5-36cdffeae40a","keyframes":{"transform":["rotate(-208deg) translate3d(0px, -64.16953%, 0) rotate(208deg)","rotate(-208deg) translate3d(0px, 0px, 0) rotate(208deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-47e6270b-d222-4ea8-9ce0-07c100f86920","keyframes":{"transform":["translate3d(-117.79935%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-974fe5b1-c187-4302-8756-b24c940a1185","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] [{"selector":"#anim-91e1ed6c-718f-4cdf-9e34-57d21515ba73","keyframes":{"transform":["rotate(-40deg) translate3d(-304.9383%, 0px, 0) rotate(40deg)","rotate(-40deg) translate3d(0px, 0px, 0) rotate(40deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f3dd5cd9-7454-4e6b-b41d-329ebe500e64","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f8ea8920-3e98-414b-995c-1e24d48bebc4","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-22cf60c6-4d86-40d1-9867-08225d52f874","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2752352e-a509-4a7d-93e5-f2de70dd7590","keyframes":{"transform":["translate3d(-811.11087%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-80dc5a9b-f35a-4370-8859-9bbf9cd194be","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-de947f67-0ac0-478f-b265-57b32c32f8e8","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Red Section Separator Learn more

Cache API calls: To Improve Performance

[{"selector":"#anim-c90abf76-bc48-4204-ab4a-549dbe35f32d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8e4b6798-55cc-4435-9a12-e8de06321944","keyframes":{"transform":["rotate(-208deg) translate3d(0px, -64.16953%, 0) rotate(208deg)","rotate(-208deg) translate3d(0px, 0px, 0) rotate(208deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1f33c70d-5e8b-4a07-b6b7-d99f9c7be5eb","keyframes":{"transform":["translate3d(-123.57143%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-3ac1373e-0d0f-4103-8079-6149f33d2635","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] [{"selector":"#anim-eac277d8-e9dd-4b52-9a0e-38b81245a31d","keyframes":{"transform":["rotate(-40deg) translate3d(-304.9383%, 0px, 0) rotate(40deg)","rotate(-40deg) translate3d(0px, 0px, 0) rotate(40deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7b8db0db-3d65-4c0c-adcb-f8cdff5cc47c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-74608431-a7f8-4002-bfa2-179eeded11ef","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-b13b503e-9781-4330-8b45-5075527c1d86","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-86420702-8899-44b8-befb-d9bf007a16bf","keyframes":{"transform":["translate3d(-811.11087%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-55dcaae8-3186-4fbb-8f9a-7ca74ed8f26d","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-457502a0-863a-4fe3-9614-2a043b05abe6","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Red Section Separator Learn more

Avoid having subscriptions inside subscriptions

[{"selector":"#anim-f8780b42-ceb4-430f-8265-a8f6f215f6f4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1c3765ec-b979-431e-81a2-6918a4f407c8","keyframes":{"transform":["rotate(-208deg) translate3d(0px, -64.16953%, 0) rotate(208deg)","rotate(-208deg) translate3d(0px, 0px, 0) rotate(208deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0cc1e4f2-0c85-4a37-94d9-dd38e04e9f79","keyframes":{"transform":["translate3d(-134.88372%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-190299a5-f6a9-40f3-a96f-aa880ff527ef","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] [{"selector":"#anim-0397c108-1a36-4dbc-b367-f8fa45f959b0","keyframes":{"transform":["rotate(-40deg) translate3d(-304.9383%, 0px, 0) rotate(40deg)","rotate(-40deg) translate3d(0px, 0px, 0) rotate(40deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9f8cf686-b5a2-4362-b586-7bfa49ab960e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ff750983-ee8a-444d-a7bf-3b069a8a6c8d","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-bb616f01-a487-47d4-b67f-a9691786a8a1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2957613a-3023-4085-8bbe-94dd03e6029a","keyframes":{"transform":["translate3d(-811.11087%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2ec6dcae-72ca-4caf-85c1-9b407d59f387","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-c7037808-501e-4fc3-97fa-12045aab1c94","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Red Section Separator Learn more

Performance with Angular Differs API

[{"selector":"#anim-f50d55be-e0c4-4923-9b52-28f971c0c89c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3057a154-5694-4e4b-9778-063c77c3abb8","keyframes":{"transform":["rotate(-208deg) translate3d(0px, -64.16953%, 0) rotate(208deg)","rotate(-208deg) translate3d(0px, 0px, 0) rotate(208deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-660ed7ee-b73e-43b2-8622-7d06653819ee","keyframes":{"transform":["translate3d(-129.00763%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-93076526-6893-45f5-82d0-87da5d2da7e2","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] [{"selector":"#anim-aef110c1-fb88-4b52-a57f-898f2d88db34","keyframes":{"transform":["rotate(-40deg) translate3d(-304.9383%, 0px, 0) rotate(40deg)","rotate(-40deg) translate3d(0px, 0px, 0) rotate(40deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8dff8c83-3026-4bb5-96c0-226c12d570a0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a8858d78-855b-449d-92ca-b54c9c6abbd2","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-c10cb764-42df-43cc-8470-1353cf3d9dc4","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b44ad29b-7be6-423b-91a3-a32b6fdc7f96","keyframes":{"transform":["translate3d(-811.11087%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-642e72dc-c5e3-4675-bab3-94dea8a5aa0d","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-401096a7-c0c4-45ca-b8e5-224d6e53ae4b","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Red Section Separator Learn more

If you want to know more about Angular best practices, then click on the link below for more details.

[{"selector":"#anim-264e7aea-178d-4d1f-88c6-fd152b2ca6f9","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9aa641c6-3ab5-440d-9625-b848d28d6e2c","keyframes":{"transform":["rotate(-208deg) translate3d(0px, -64.16953%, 0) rotate(208deg)","rotate(-208deg) translate3d(0px, 0px, 0) rotate(208deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1197949a-637f-4e1e-85c9-f0dd0f69fd42","keyframes":{"transform":["translate3d(-116.82848%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-4cfbef62-8b1b-4602-8db0-f1fdcc5ecf89","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] [{"selector":"#anim-574ab632-4e39-4550-bfa1-e79b75b53ec9","keyframes":{"transform":["translate3d(119.20001%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a8353a4f-7f29-447c-9596-d6f4845f9563","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a541e7bb-dccc-4ead-bcd2-e6a75b21eb68","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-4159697e-9b4f-4a76-8f07-3a345c610112","keyframes":{"transform":["translate3d(-244.18606%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-9cc9dc72-6aa7-4fca-a9f4-37cdea2ac0ba","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] [{"selector":"#anim-c85a5296-17e3-44fb-b771-1cb4830445c7","keyframes":{"transform":["translate3d(-244.18606%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-ac0a6434-4363-49d1-8984-9b8f12644f49","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] [{"selector":"#anim-f713c0dd-393c-435f-9d60-c438470c8c14","keyframes":{"transform":["translate3d(138.60465%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3a005f89-032e-4260-bba7-d777a7c0f233","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-10913a70-e6b1-48ef-a6a2-a4fd0e01fa63","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Red Section Separator Learn more