My story animated website full#
My story animated website free#

The poster image should be in 3x4 aspect ratio for portrait, 4x3 for landscape, and 1x1 for square.To accommodate sizing, cropping or minor styling changes or preview purposes, the image file URL used in the metadata does not need to be an exact match to the URL on the first page of the story. The poster image should be visible to the user when the AMP story begins.The poster image should be representative of the entire AMP story.These guidelines apply to the story poster image(s): Poster guidelines (for poster-portrait-src, poster-landscape-src, and poster-square-src) Use one logo per brand that is consistent across AMP stories.The background should not be transparent.Logos should be at least 96x96 pixels and a perfect square.Image logo should be legible on the background color.Avoid animated images, such as animated gifs.These guidelines apply to the publisher logo image:

We still recommend adding Structured Data to your Web Stories. These metadata attributes supplement and do not replace any Structured Data (e.g. These attributes future-proof your story for rich, embedded experience Web Stories surfaces to come. Metadata attributes display a preview of the story across the Web Stories ecosystem, such as rendering an engaging preview link. The component itself implements the UI shell, including handling gestures and navigation, and inserting the application shell UI (controls, progress bar, etc).

The amp-story component represents an entire story. The link points to the story itself, identifying the story as the canonical document. Includes and loads the amp-story JS library. Identifies that the document is an AMP story.Ĭontain a tag as the third child of the tag. The element is the only child element of. The AMP story HTML format follows the same markup requirements as a valid AMP HTML document, along with the following additional requirements: RULE

My story animated website full#

Each page has a full bleed background image, with a simple string of text on top of it. The content in the body creates a story with two pages. Hello, amp-story body Hello, amp-story! The End Toggle Sidebar Toggle Sidebar Documentation Components

Customizing tooltip for links or interactive components.

My story animated website free#

Optimize amp-video by using a free Google hosted video cache on origin documents.

Crop amp-img and amp-video assets using object-position.

Landscape orientation and full bleed desktop experience opt in.

Poster guidelines (for poster-portrait-src, poster-landscape-src, and poster-square-src).