Stuff & Nonsense product and website design

Blog and all that malarkey

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.


Written by Andy Clarke who tagged this with animation, SMIL, svg


More from Stuff & Nonsense

Andy Clarke demonstrates how to take your product and website designs to the next level.

Take your Squarespace designs to the next level with our premium Squarespace templates.

The popular web design contract template trusted by thousands of web designers and developers.

Andy is an experienced mentor who can help you improve your design skills and develop your career.


I’m available to work on new design projects.