Banner Ad with Animated Slide Transition to JS Countdown Timer

Image: Banner Ad with Animated Slide Transition to JS Countdown Timer GIF

Here is a banner ad design by Codepen user halvves. The banner has a 1st slide that transitions to a 2nd one where you have a countdown timer to an event and on hover, you get a CTA which says buy your tickets now.

300×250 Banner Ad Snippet

If you are having trouble with the pen, try the archived copy on GitHub

See the Pen GSAP Banner Ad (300Γ—250) (Mouse Position) by halvves (@halvves) on CodePen.default


728×90 Banner Ad Snippet

If you are having trouble with the pen, try the archived copy on GitHub

See the Pen GSAP Banner Ad (728Γ—90) (Mouse Position) by halvves (@halvves) on CodePen.default

Posted by:Saijo George

Digital Marketer with a strong focus on technical SEO and design. One of the top 100 makers on Producthunt, co-organizer of the SEO Meetup in Melbourne, an instructor at General Assembly. Worked with brands like Envato, AEON. Currently the SEO Strategy Director at Supple.