Take This Hair-Color Quiz to Find Your Next Look

– "Q1: Your natural hair color? Light/Dark Blonde, Light/Dark Brown, Black, Red."

[{"selector":"#anim-5cae5d0f-6e36-469a-9ba1-9fcb1d090944","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-df2dfcc1-e831-4861-bada-aa06a530a3d6","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bb37b8b5-02b5-4f1b-ae94-58005adef3b2","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0354b9d3-9896-483b-af29-4306309e5cc9","keyframes":{"transform":["translate3d(-209.30239%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9baf5bcd-d332-4394-8e3c-a5daf0b5b041","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-697fd787-2759-474b-81ca-3e0967634db4","keyframes":{"transform":["translate3d(109.00902%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fa99fdce-ec2b-4c50-bc10-3059e3a433d3","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7afb211b-a610-43d9-8f07-da4dae3ef3fd","keyframes":{"transform":["translate3d(0px, 213.77316%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-38768844-1ec2-402e-a1ac-4cf47b5fdfa7","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c6ed1c0e-4642-4005-b782-2cb94667e40a","keyframes":{"transform":["rotate(-90deg) translate3d(103.93259%, 0px, 0) rotate(90deg)","rotate(-90deg) translate3d(0px, 0px, 0) rotate(90deg)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f21ad213-536a-4322-8989-2dde8d2c5651","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-36fae89e-fd5a-4373-bbb5-f0fed865c909","keyframes":{"transform":["rotate(-271deg) translate3d(-116.78831%, 0px, 0) rotate(271deg)","rotate(-271deg) translate3d(0px, 0px, 0) rotate(271deg)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Plus White Frame Corner White Frame Corner

– "Q2: Your skin tone? Fair, Light, Medium, Tan, Dark."

[{"selector":"#anim-3d90298f-6fc4-428a-97f5-b63bfcc7c6b7","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0c8b0a46-c493-4317-87d6-ab9ba70b87ff","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5315b5a1-e98e-4de7-a54e-518fd2e461a0","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2f5e3789-38f7-4737-b782-1d638c81cf3b","keyframes":{"transform":["translate3d(-209.30239%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e7871c63-7c3a-4e69-9a7c-0840d3becd67","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-746055ad-fad9-42ea-a9dc-11972ca90db4","keyframes":{"transform":["translate3d(109.00902%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f988c525-ca8c-4d82-aa7a-47ad44d1c0c0","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6293f552-92b0-46ce-aa5c-f8a726674104","keyframes":{"transform":["translate3d(0px, 331.00367%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-99f71a0e-6542-4b6d-9565-8313427761ff","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b00ebe6e-0560-478c-af6a-3e2e33c27949","keyframes":{"transform":["rotate(-90deg) translate3d(103.93259%, 0px, 0) rotate(90deg)","rotate(-90deg) translate3d(0px, 0px, 0) rotate(90deg)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3152aeaf-7553-44af-936a-17e0888d82a9","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bcc03f6a-4b26-4efc-8c0a-8453c1227944","keyframes":{"transform":["rotate(-271deg) translate3d(-116.78831%, 0px, 0) rotate(271deg)","rotate(-271deg) translate3d(0px, 0px, 0) rotate(271deg)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Plus White Frame Corner White Frame Corner

– "Q3: Update frequency? Every 4-6 weeks, 2-3 months, Twice a year, Rarely."

[{"selector":"#anim-426aa946-bb98-4957-bdef-28c6b48556e3","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c670aea8-8252-450c-a731-695243490282","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d554c66c-0861-4f2b-9015-d2d6e6e68e6c","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1a8608c4-5e7c-40f4-b50e-273ba3ce75fe","keyframes":{"transform":["translate3d(-209.30239%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-edb5d78e-21b1-4c25-afa8-3d0542f581aa","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-db41d563-419c-405c-b514-eb2d0fe227a7","keyframes":{"transform":["translate3d(109.00902%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f971ea47-2c2e-4534-a03e-b1fd0b9be39f","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8288d96d-240b-4342-a1ea-4ed2a377108f","keyframes":{"transform":["translate3d(0px, 213.77316%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-df912cd4-0536-4654-9498-a2d3e7c4b49d","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c83c5c2e-2572-4aa1-8fdb-43abeb31a058","keyframes":{"transform":["rotate(-90deg) translate3d(103.93259%, 0px, 0) rotate(90deg)","rotate(-90deg) translate3d(0px, 0px, 0) rotate(90deg)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5ad51ec8-802e-4977-82ce-f046465fb610","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e2375698-d83e-436e-a302-056d12901b05","keyframes":{"transform":["rotate(-271deg) translate3d(-116.78831%, 0px, 0) rotate(271deg)","rotate(-271deg) translate3d(0px, 0px, 0) rotate(271deg)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Plus White Frame Corner White Frame Corner

– "Q4: Preferred color boldness? Natural, Pop of color, Bold, Extreme."

[{"selector":"#anim-4688b458-239e-40f1-b492-ac851c905e68","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2189b794-5fb1-404c-84be-2046251cbed8","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ca91f9ba-e6e8-4d4e-8035-f769fe4da0e4","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c67bd09a-074f-4662-a610-dea9d7279be1","keyframes":{"transform":["translate3d(-209.30239%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-eb8b39fe-ace8-4de7-bc73-cf28ec6493ed","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ca41d3ef-33d8-42c1-bb54-94d4ceffff62","keyframes":{"transform":["translate3d(109.00902%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fb57c850-8e13-4b79-b439-7b054ad384ff","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b9d2d629-9aae-4f0e-907b-deabf2d17544","keyframes":{"transform":["translate3d(0px, 213.77316%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b2691699-eb9d-46ea-9258-8d8daaa261d1","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-26165037-66fa-4ac8-af3b-470ea6bb18d8","keyframes":{"transform":["rotate(-90deg) translate3d(103.93259%, 0px, 0) rotate(90deg)","rotate(-90deg) translate3d(0px, 0px, 0) rotate(90deg)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-81d63f66-7d06-4749-8d4c-d1cd6e2b2d35","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5104f8fa-dd19-4204-9e38-3193368be53b","keyframes":{"transform":["rotate(-271deg) translate3d(-116.78831%, 0px, 0) rotate(271deg)","rotate(-271deg) translate3d(0px, 0px, 0) rotate(271deg)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Plus White Frame Corner White Frame Corner

– "Q5: Hair health? Healthy, A bit damaged, Significantly damaged."

[{"selector":"#anim-e34c0ccd-c69b-4912-aa4b-5ba8ca7ac10e","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4b493f9b-9b20-4388-8afe-5d61bf3bd0e5","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b23f7317-e47c-41da-aa88-dc4b4df3b76d","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d12f472a-0a44-43b6-a954-efe71ac5c5bc","keyframes":{"transform":["translate3d(-209.30239%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-35e0f506-f0e9-4572-85f8-e2c8783d4ae7","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-67c1a234-797a-4f18-a851-4f426420d4e0","keyframes":{"transform":["translate3d(109.00902%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-801f5630-4dea-4961-9e0b-860ede868c6f","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-33057cea-db1a-4bb3-a79a-8c230859811a","keyframes":{"transform":["translate3d(0px, 213.77316%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bc84c446-c56a-4a33-82d6-5414dfdb3473","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5bac33d8-10fc-444a-89aa-76319f4e99a3","keyframes":{"transform":["rotate(-90deg) translate3d(103.93259%, 0px, 0) rotate(90deg)","rotate(-90deg) translate3d(0px, 0px, 0) rotate(90deg)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-17fe2e1e-95a7-4071-803f-59098c5f65cc","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-af5e4ac5-efb2-42b1-a85c-bdcfaad5a726","keyframes":{"transform":["rotate(-271deg) translate3d(-116.78831%, 0px, 0) rotate(271deg)","rotate(-271deg) translate3d(0px, 0px, 0) rotate(271deg)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Plus White Frame Corner White Frame Corner

– "Q6: Colored before? Many times, A few times, Never."

[{"selector":"#anim-2bf8747a-1169-4a9e-be86-52e431a0255a","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9e8d10f1-5ee9-4da3-ba5d-0665c8a96af2","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9af3328d-dd84-40f9-9c18-e97e37094c51","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6fddd5df-70e1-47dc-a835-ae84b4ffb699","keyframes":{"transform":["translate3d(-209.30239%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-773b885b-39ba-4fb2-84aa-e787321eb994","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c7bdfa44-1448-4946-93e6-3ec766febbfe","keyframes":{"transform":["translate3d(109.00902%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c568a00f-7ea8-43a4-9047-71517e523d5b","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e99cb35e-09ba-4ee8-a4a2-9a678ee4937a","keyframes":{"transform":["translate3d(0px, 331.00367%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cd6a989b-cba3-456c-89c4-8e064eefb82a","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a4c1612b-4160-43f8-9b8e-80e53be79c0b","keyframes":{"transform":["rotate(-90deg) translate3d(103.93259%, 0px, 0) rotate(90deg)","rotate(-90deg) translate3d(0px, 0px, 0) rotate(90deg)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7c46cd3e-637f-4a81-853a-d901b6af5730","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fc185c16-7b52-41eb-ab6f-97adf7085c99","keyframes":{"transform":["rotate(-271deg) translate3d(-116.78831%, 0px, 0) rotate(271deg)","rotate(-271deg) translate3d(0px, 0px, 0) rotate(271deg)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Plus White Frame Corner White Frame Corner

– "Q7: Fashion/Lifestyle? Professional, Creative, Edgy, Laid back."

[{"selector":"#anim-ee4b0f33-6d46-4e1e-a12a-e41f6268c30f","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2ffb0804-f6cb-46d7-bdff-3dfba37a2314","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-84e3f8ad-5952-4b40-92b8-efd576f13e71","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0f5e3bbb-c886-4b3b-be40-0614aacb9d01","keyframes":{"transform":["translate3d(-209.30239%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d885fe40-8fe2-45aa-be22-48150b46063e","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-eca3db78-8a8f-42b1-bfe0-13fdb5e10aeb","keyframes":{"transform":["translate3d(109.00902%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6b7e6d94-dc0d-4816-9d91-c12f866b1186","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8a669626-bc2b-433f-85f3-99e376db7003","keyframes":{"transform":["translate3d(0px, 213.77316%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b436dd59-6e95-4b04-8e2c-2e62715dbb20","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-92436ad4-745c-4a0e-8c86-e75bd1679d6a","keyframes":{"transform":["rotate(-90deg) translate3d(103.93259%, 0px, 0) rotate(90deg)","rotate(-90deg) translate3d(0px, 0px, 0) rotate(90deg)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1f3dbac7-823c-47db-9022-31e369098e86","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1012482f-c1ad-4ebf-a4c5-0046540a6baa","keyframes":{"transform":["rotate(-271deg) translate3d(-116.78831%, 0px, 0) rotate(271deg)","rotate(-271deg) translate3d(0px, 0px, 0) rotate(271deg)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Plus White Frame Corner White Frame Corner

– "Q8: Change level? Complete transformation, Noticeably different, Subtle change."

[{"selector":"#anim-636b9114-9ef7-4fa9-86f3-24cd7f9dbaca","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bb42ec77-7cc1-4400-a00d-040889e614b7","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5d2779e6-b66e-481f-86fd-6e6a615834e5","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8ea078b9-691b-48a2-a531-c2dbcee5d429","keyframes":{"transform":["translate3d(-209.30239%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ad6bc73a-ab68-4b50-a94b-2e802b169e47","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9ba25994-26b5-4470-8571-d5df9aeafc65","keyframes":{"transform":["translate3d(109.00902%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-16b97ed9-f8d6-4813-8fde-17856712ea57","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8112c913-73c3-436d-8c91-7045b4d00ff2","keyframes":{"transform":["translate3d(0px, 213.77316%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d5ff9f82-14a8-4aff-bf91-8eaf395463d9","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-34154237-d925-4c28-9af2-bc69f93fcdc9","keyframes":{"transform":["rotate(-90deg) translate3d(103.93259%, 0px, 0) rotate(90deg)","rotate(-90deg) translate3d(0px, 0px, 0) rotate(90deg)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ceb58301-90b8-46e9-a527-661f01ce0420","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-78a20230-2c71-4a63-8feb-6829fd7df83f","keyframes":{"transform":["rotate(-271deg) translate3d(-116.78831%, 0px, 0) rotate(271deg)","rotate(-271deg) translate3d(0px, 0px, 0) rotate(271deg)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Plus White Frame Corner White Frame Corner

CLICK BELOW FOR MORE STORIES