Pre-order my new book Standout Designs for the Web now.

Stuff & Nonsense product and website design

Toon Titles: The Buzzin’ Bear

I had some spare time today between client work and meetings, so I added another Toon Title to my collection. This one’s based on The Buzzin’ Bear, a Yogi Bear cartoon from December 1958.

The Buzzin’ Bear uses SVG feGaussianBlur filters and animateTransform with rotate, scale, and translate.

See the Pen The Buzzin’ Bear SVG animation by Andy Clarke (@malarkey) on CodePen.

Check out Toon Titles


Or see the source code on Github.

I’m not an animator by trade, and I’m relatively new to CSS and SMIL animations, so if you fancy forking these Toon Titles and making new versions, I’d love to see them.

April 3, 2025 • Andy Clarke • Toon Titles
My new book

Standout Designs for theWeb

I’ll show you how to uncover a company’s story, develop a distinctive visual language, and combine colour, typography, and layout to create designs that people remember.

Find out more

I’m Andy Clarke. I’ve spent over thirty years helping clients create memorable websites. I’m also the author of five books on web design.

Planning a new website? I’d love to help you create something memorable.

Start a conversation

or book a call with me

You may also like

You might also like

Shop

Standout Designs for theWeb

Drawing on over thirty years of experience, I’ll show you how to uncover a company’s story, develop a distinctive visual language, and combine colour, typography, imagery, and layout to create designs that people recognise and remember.

Find out more
Shop

Layout ❤︎

Free compound grid and modular grid layout generators, plus a set of HTML/CSS layout templates you can call on to make more interesting layouts, available to buy.

Go to Layout ❤︎