1

[{"selector":"#anim-a2cff4c9-a686-44b9-a1cd-15873471f848","keyframes":{"opacity":[0,1]},"delay":2000,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-303bd76e-1710-4606-a76f-fca930c73688","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":2000,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-42c606c0-adb5-4ab6-9e07-6fff00b803f0","keyframes":{"opacity":[0,1]},"delay":4000,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5f2dfbf2-a047-4be6-9857-c7a5eb434d6c","keyframes":{"opacity":[0,1]},"delay":5000,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6184f94c-f54b-4667-8aa5-0ecda06d3a8f","keyframes":{"opacity":[0,1]},"delay":6000,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d0a2ae56-34ae-499e-ba87-94f18b641b09","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-77b86636-7ca8-423b-a892-40b4cd79e586","keyframes":{"transform":["translate3d(118.25096%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d8efee5b-eedd-4724-8736-f3a8d84d0853","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f34f9512-d017-4523-a5be-00df1025e3c4","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Layered image Take existing multi layered design and brings it into the page in a visually dynamic way. Draws attention to the individual design elements and subject matter

2

[{"selector":"#anim-2bc778e1-1c74-4dad-9ecf-a596cbb0ce37","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4db52abe-ea5b-4a54-b3fb-6a3e47ef8351","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-66558934-0448-4848-aeec-a8498a750850","keyframes":{"transform":["translate3d(118.18183%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-20e8afcc-6b33-410a-8d0e-0e70f832f0b6","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4f0c0250-1300-4b48-bfa1-77df23e59023","keyframes":{"transform":["scale(1)","scale(1.7)","scale(0.93)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":4000,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":2}] [{"selector":"#anim-d57f8018-dda1-473d-b724-28cb6d8ea3e1","keyframes":{"transform":["scale(1)","scale(1.02)","scale(0.998)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":3000,"duration":4000,"easing":"ease-in-out","fill":"both","iterations":12}] Liniar story telling Then next page shows the way we can represent a visual story and make it easier to understand than using a static infographic

[{"selector":"#anim-d2604de6-7088-4abf-af5c-f9b71a12f482","keyframes":{"opacity":[0,1]},"delay":1000,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-df01ec95-dcfd-4095-ac42-27d983ff09dd","keyframes":{"transform":["translate3d(0px, -60.79561%, 0)","translate3d(0px, 0px, 0)"]},"delay":1000,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-750e515e-c5b7-4e09-a1f3-93e71af07060","keyframes":{"opacity":[0,1]},"delay":1000,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-811f9a0f-752c-4e07-8378-6122ad8e0cc8","keyframes":{"opacity":[0,1]},"delay":4000,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-46b662c0-2972-48c6-b993-04d5419b06fe","keyframes":{"opacity":[0,1]},"delay":2000,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4e5111d9-588e-4b92-8e2b-b9eff80dad88","keyframes":{"opacity":[0,1]},"delay":2500,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-08081ff1-a867-4293-bd0e-2ee8a6d59914","keyframes":{"opacity":[0,1]},"delay":6000,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5951e2da-0f4a-4352-b9c8-14802f4ad1e4","keyframes":{"opacity":[0,1]},"delay":6000,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5dc8b29e-95ac-457f-80e6-b3150370b3e3","keyframes":{"opacity":[0,1]},"delay":7000,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-902cb685-1301-4910-8a76-b5ae54cea2d7","keyframes":{"opacity":[0,1]},"delay":9000,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d7375c36-7337-4722-ac21-61fa7825dbd5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8f92c597-abd8-4d31-8423-30de7f0957bc","keyframes":{"opacity":[0,1]},"delay":9000,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-ad31d09f-dfd6-4b86-98fd-7ac5d4ce4bda","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":9000,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Large Bubble Micro Bubble Ultrafine Bubble

Nano bubbles inside a micro bubble!

[{"selector":"#anim-d43c2c35-a266-4586-92ff-33fa7ba49149","keyframes":{"transform":["translate3d(121.87500%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":30,"duration":1200,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-a0568791-bd5f-4938-af61-a7cc3d3196c6","keyframes":{"transform":["rotateZ(180deg)","rotateZ(0deg)"]},"delay":30,"duration":1200,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] [{"selector":"#anim-c7a5b369-d505-4444-a92f-c470ef0ec7b4","keyframes":{"opacity":[0,1]},"delay":1800,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b7d78aa1-3285-44ee-9980-7ef150519df7","keyframes":{"opacity":[0,1]},"delay":2400,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6270395f-852e-41c2-877c-ed58e361e66d","keyframes":{"opacity":[0,1]},"delay":4000,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c4be2416-81e7-48c8-a443-6128923bb686","keyframes":{"transform":["translate3d(0px, -1189.71236%, 0)","translate3d(0px, 0px, 0)"]},"delay":4000,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ce930b82-bd61-45d4-b4a7-728482c2bffb","keyframes":{"opacity":[0,1]},"delay":4000,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-035b1ca1-834f-4304-b57b-3a14eaa669be","keyframes":{"transform":["translate3d(0px, 1280.05698%, 0)","translate3d(0px, 0px, 0)"]},"delay":4000,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7df0f13e-d0f6-4da0-a3cd-fb878f8a3e71","keyframes":{"opacity":[0,1]},"delay":3000,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-51e783a1-4142-45bb-b1fe-5d17ac6c38c4","keyframes":{"opacity":[0,1]},"delay":3600,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-54de93a2-ee0a-4fcd-8409-cc817c637ea1","keyframes":{"opacity":[0,1]},"delay":4000,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a3a6411f-1e90-4b8f-affd-4247f6ec98bf","keyframes":{"opacity":[0,1]},"delay":4000,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-3d660cfc-5cfb-46d8-82b2-cb9edb040a84","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":4000,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-222ff905-95b3-4282-b3a4-3ccaec03988a","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a32e7ee6-d3a8-4008-9a3c-f1f1c2fb9f5d","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-56fdf252-ab11-42f2-a050-a6a7eddc31a1","keyframes":{"opacity":[0,1]},"delay":5000,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a75b6313-ce97-4c9a-bf48-26f5d11fe261","keyframes":{"transform":["translate3d(0px, 253.39522%, 0)","translate3d(0px, 0px, 0)"]},"delay":5000,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] The magic of nano bubble oxygen Over 60 million Nanobubbles inside 1 Microbubble

1

2

Nano bubbles inside a micro bubble!

More Oxygen, More Life