CLICKTOLL — EXACT-SIZE CSS + ANIMATED GIF EXAMPLES

Nine sizes: 300x250, 728x90, 160x600, 300x600, 336x280, 970x250,
320x50, 320x100, and 300x50.

DIMENSIONS
The CSS creative outer border-box is exactly WIDTH x HEIGHT CSS pixels.
Its 2px border is included, not added. The GIF logical screen and every decoded
frame are exactly WIDTH x HEIGHT image pixels. No CSS max-width:100%, automatic
height, flex shrinking, or scale transform is applied to either specimen.
Browser zoom and high-DPI screens affect physical screen pixels, not CSS dimensions.
The site shows native-size previews, with local horizontal scrolling when necessary.

ANIMATION
Three scenes, two seconds per scene, three passes. GIF: nine encoded frames,
18,000 ms total, no loop extension. The GIF plays once and ends on the final scene.
CSS: 6-second keyframes with three iterations and a persistent final frame.
The website starts with a still preview; Play / restart starts the selected format.
Stop shows the final static frame; it does not claim to pause a native GIF decoder.
Reduced-motion preferences keep page previews static. Downloaded GIFs still contain
all animation frames. There is no animation library or external creative asset.

FILES
Open the *-css.html file to run a standalone CSS creative.
*-css.txt contains its complete HTML/CSS source, including playback integration.
*.css is the standalone CSS stylesheet, also embedded inside the HTML.
*-animated.gif is the actual animated image file.
*-frame-1.png through *-frame-3.png are static scenes at exact dimensions.
Each format has a combined ZIP; the all-size ZIP contains all nine directories.

EDITING
Update the visible message, accessible link label, and destination together.
Do not stretch, crop, or resize the exported GIF to create a different ad size.
The CSS example links to the ClickToll display advertising guide. The standalone
HTML contains ad.size metadata but is not an account-specific ad-server package.
Set publisher click handling and other delivery details for the receiving platform.

REFERENCE LINKS
https://github.com/hoppr/Hoppr.Creatives/tree/main/Orange_Spain%20Gif
https://github.com/leedium/banner-boi
https://support.google.com/google-ads/answer/1722096?hl=en

The GitHub repositories were reviewed as external creative/workflow references.
No third-party creative assets or repository source code are redistributed.
All included ad artwork and markup are original ClickToll examples.

THIS PACKAGE: 300x600; GIF 84,312 bytes.
