Bjango logo animation

Bjango animation

I’m busy working on a bit of a Bjango website refresh.

As part of it, I’ve revisited the logo, and the logo’s hover state on the web. Here’s the bouncy animation that plays when you hover over the logo with one of those old fashioned computer mouse pointers (who still uses those antiquated things?!).

Technicalities: I’ve experimented a bit with the way this is actually implemented on the site, and settled on using SVG that’s base64 encoded into a CSS file. The CSS file includes all the header and footer SVGs, so it can be loaded separately to the text style CSS and so it’ll be cached by the browser. I don’t know if that’s really smart, or really dumb. The file is about 40k, so it’s not big, given it re-renders at any size.


keyboard shortcuts: L or F like Z toggle zoom