webstories

[{ "selector": ".xuezr-a", "duration": "500ms", "fill": "forwards", "delay": "1500ms", "keyframes": [ {"offset": 0, "opacity": 0}, {"offset": 1, "opacity": "1"} ] }, { "selector": ".azcqm-a", "duration": "500ms", "fill": "forwards", "delay": "500ms", "keyframes": [ {"offset": 0, "opacity": 0}, {"offset": 1, "opacity": "1"} ] }, { "selector": ".zotii-a", "duration": "500ms", "fill": "forwards", "delay": "1000ms", "keyframes": [ {"offset": 0, "opacity": 0}, {"offset": 1, "opacity": "1"} ] }] Click Here

The example Web Stories carousel is geared towards lifestyle content. Some examples of other carousel categories are: Beauty, Fitness, Celebrities, Wellness, Entertainment, and Opinion.

Web Stories are built using a simple, card-based layout that makes adding text, images, and other media easy. You can also add animation and interactivity.

[{ "selector": ".zwknq-a", "duration": "500ms", "fill": "forwards", "delay": "0ms", "keyframes": [ {"offset": 0, "transform": "translateY(-51.64px)", "opacity": "1"},{"offset": 0.01, "transform": "translateY(-51.622122250000004px)", "opacity": "1"},{"offset": 0.02, "transform": "translateY(-51.568489px)", "opacity": "1"},{"offset": 0.03, "transform": "translateY(-51.47910025px)", "opacity": "1"},{"offset": 0.04, "transform": "translateY(-51.353956000000004px)", "opacity": "1"},{"offset": 0.05, "transform": "translateY(-51.19305625px)", "opacity": "1"},{"offset": 0.06, "transform": "translateY(-50.996401px)", "opacity": "1"},{"offset": 0.07, "transform": "translateY(-50.76399025px)", "opacity": "1"},{"offset": 0.08, "transform": "translateY(-50.495824px)", "opacity": "1"},{"offset": 0.09, "transform": "translateY(-50.19190225px)", "opacity": "1"},{"offset": 0.1, "transform": "translateY(-49.852225px)", "opacity": "1"},{"offset": 0.11, "transform": "translateY(-49.47679225px)", "opacity": "1"},{"offset": 0.12, "transform": "translateY(-49.065604px)", "opacity": "1"},{"offset": 0.13, "transform": "translateY(-48.61866025px)", "opacity": "1"},{"offset": 0.14, "transform": "translateY(-48.135961px)", "opacity": "1"},{"offset": 0.15, "transform": "translateY(-47.61750625px)", "opacity": "1"},{"offset": 0.16, "transform": "translateY(-47.063296px)", "opacity": "1"},{"offset": 0.17, "transform": "translateY(-46.473330250000004px)", "opacity": "1"},{"offset": 0.18, "transform": "translateY(-45.847609px)", "opacity": "1"},{"offset": 0.19, "transform": "translateY(-45.18613225px)", "opacity": "1"},{"offset": 0.2, "transform": "translateY(-44.4889px)", "opacity": "1"},{"offset": 0.21, "transform": "translateY(-43.75591225px)", "opacity": "1"},{"offset": 0.22, "transform": "translateY(-42.987169px)", "opacity": "1"},{"offset": 0.23, "transform": "translateY(-42.18267025px)", "opacity": "1"},{"offset": 0.24, "transform": "translateY(-41.342416px)", "opacity": "1"},{"offset": 0.25, "transform": "translateY(-40.46640625px)", "opacity": "1"},{"offset": 0.26, "transform": "translateY(-39.554641000000004px)", "opacity": "1"},{"offset": 0.27, "transform": "translateY(-38.607120249999994px)", "opacity": "1"},{"offset": 0.28, "transform": "translateY(-37.623844px)", "opacity": "1"},{"offset": 0.29, "transform": "translateY(-36.60481225px)", "opacity": "1"},{"offset": 0.3, "transform": "translateY(-35.550025000000005px)", "opacity": "1"},{"offset": 0.31, "transform": "translateY(-34.45948225px)", "opacity": "1"},{"offset": 0.32, "transform": "translateY(-33.333184px)", "opacity": "1"},{"offset": 0.33, "transform": "translateY(-32.171130250000004px)", "opacity": "1"},{"offset": 0.34, "transform": "translateY(-30.973321px)", "opacity": "1"},{"offset": 0.35, "transform": "translateY(-29.739756250000006px)", "opacity": "1"},{"offset": 0.36, "transform": "translateY(-28.470436000000003px)", "opacity": "1"},{"offset": 0.37, "transform": "translateY(-28.406460250000002px)", "opacity": "1"},{"offset": 0.38, "transform": "translateY(-29.015929000000003px)", "opacity": "1"},{"offset": 0.39, "transform": "translateY(-29.58964225px)", "opacity": "1"},{"offset": 0.4, "transform": "translateY(-30.127600000000005px)", "opacity": "1"},{"offset": 0.41, "transform": "translateY(-30.62980225px)", "opacity": "1"},{"offset": 0.42, "transform": "translateY(-31.096249px)", "opacity": "1"},{"offset": 0.43, "transform": "translateY(-31.52694025px)", "opacity": "1"},{"offset": 0.44, "transform": "translateY(-31.921876px)", "opacity": "1"},{"offset": 0.45, "transform": "translateY(-32.281056250000006px)", "opacity": "1"},{"offset": 0.46, "transform": "translateY(-32.604481px)", "opacity": "1"},{"offset": 0.47, "transform": "translateY(-32.89215025px)", "opacity": "1"},{"offset": 0.48, "transform": "translateY(-33.144064px)", "opacity": "1"},{"offset": 0.49, "transform": "translateY(-33.36022225px)", "opacity": "1"},{"offset": 0.5, "transform": "translateY(-33.540625px)", "opacity": "1"},{"offset": 0.51, "transform": "translateY(-33.68527225px)", "opacity": "1"},{"offset": 0.52, "transform": "translateY(-33.794163999999995px)", "opacity": "1"},{"offset": 0.53, "transform": "translateY(-33.86730025px)", "opacity": "1"},{"offset": 0.54, "transform": "translateY(-33.904681px)", "opacity": "1"},{"offset": 0.55, "transform": "translateY(-33.90630625px)", "opacity": "1"},{"offset": 0.56, "transform": "translateY(-33.872175999999996px)", "opacity": "1"},{"offset": 0.57, "transform": "translateY(-33.80229025px)", "opacity": "1"},{"offset": 0.58, "transform": "translateY(-33.696649px)", "opacity": "1"},{"offset": 0.59, "transform": "translateY(-33.555252249999995px)", "opacity": "1"},{"offset": 0.6, "transform": "translateY(-33.3781px)", "opacity": "1"},{"offset": 0.61, "transform": "translateY(-33.16519225px)", "opacity": "1"},{"offset": 0.62, "transform": "translateY(-32.916529px)", "opacity": "1"},{"offset": 0.63, "transform": "translateY(-32.63211025px)", "opacity": "1"},{"offset": 0.64, "transform": "translateY(-32.311936px)", "opacity": "1"},{"offset": 0.65, "transform": "translateY(-31.956006249999998px)", "opacity": "1"},{"offset": 0.66, "transform": "translateY(-31.564320999999996px)", "opacity": "1"},{"offset": 0.67, "transform": "translateY(-31.136880249999997px)", "opacity": "1"},{"offset": 0.68, "transform": "translateY(-30.673683999999994px)", "opacity": "1"},{"offset": 0.69, "transform": "translateY(-30.17473225px)", "opacity": "1"},{"offset": 0.7, "transform": "translateY(-29.640024999999998px)", "opacity": "1"},{"offset": 0.71, "transform": "translateY(-29.06956225px)", "opacity": "1"},{"offset": 0.72, "transform": "translateY(-28.463344px)", "opacity": "1"},{"offset": 0.73, "transform": "translateY(-28.087320249999998px)", "opacity": "1"},{"offset": 0.74, "transform": "translateY(-28.384740999999998px)", "opacity": "1"},{"offset": 0.75, "transform": "translateY(-28.64640625px)", "opacity": "1"},{"offset": 0.76, "transform": "translateY(-28.872315999999998px)", "opacity": "1"},{"offset": 0.77, "transform": "translateY(-29.06247025px)", "opacity": "1"},{"offset": 0.78, "transform": "translateY(-29.216869px)", "opacity": "1"},{"offset": 0.79, "transform": "translateY(-29.33551225px)", "opacity": "1"},{"offset": 0.8, "transform": "translateY(-29.418400000000002px)", "opacity": "1"},{"offset": 0.81, "transform": "translateY(-29.46553225px)", "opacity": "1"},{"offset": 0.82, "transform": "translateY(-29.476909px)", "opacity": "1"},{"offset": 0.83, "transform": "translateY(-29.45253025px)", "opacity": "1"},{"offset": 0.84, "transform": "translateY(-29.392396px)", "opacity": "1"},{"offset": 0.85, "transform": "translateY(-29.29650625px)", "opacity": "1"},{"offset": 0.86, "transform": "translateY(-29.164861000000002px)", "opacity": "1"},{"offset": 0.87, "transform": "translateY(-28.99746025px)", "opacity": "1"},{"offset": 0.88, "transform": "translateY(-28.794304px)", "opacity": "1"},{"offset": 0.89, "transform": "translateY(-28.55539225px)", "opacity": "1"},{"offset": 0.9, "transform": "translateY(-28.280725px)", "opacity": "1"},{"offset": 0.91, "transform": "translateY(-28.01462725px)", "opacity": "1"},{"offset": 0.92, "transform": "translateY(-28.156024000000002px)", "opacity": "1"},{"offset": 0.93, "transform": "translateY(-28.26166525px)", "opacity": "1"},{"offset": 0.94, "transform": "translateY(-28.331550999999997px)", "opacity": "1"},{"offset": 0.95, "transform": "translateY(-28.36568125px)", "opacity": "1"},{"offset": 0.96, "transform": "translateY(-28.364055999999998px)", "opacity": "1"},{"offset": 0.97, "transform": "translateY(-28.32667525px)", "opacity": "1"},{"offset": 0.98, "transform": "translateY(-28.253539px)", "opacity": "1"},{"offset": 0.99, "transform": "translateY(-28.144647250000002px)", "opacity": "1"},{"offset": 1, "opacity": "1"} ] }]

webstories

Make story

Very Easy

Sign in with your Google account and start creating your story. Once you’re finished, you can publish your Web Story on any website or blog.

The example Web Stories carousel is geared towards lifestyle content. Some examples of other carousel categories are: Beauty, Fitness, Celebrities, Wellness, Entertainment, and Opinion.

Web Stories are built using a simple, card-based layout that makes adding text, images, and other media easy. You can also add animation and interactivity.

Read More