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.
© 2018 Dribbble. All rights reserved.
A community of designers sharing their work, process, and current projects.
Minimum 6 characters
Uh oh… We’re still waiting for our spam prevention code to load.
Already a member? Sign in