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.
L or F like
Z toggle zoom
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2016 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.