Go to Demo
(Note that Safari acts a bit funny at the moment, seems to be the fault of the browser in this case. FF/Chrome/IE10 are all good)
over 1 year ago
on the text will keep it from bolding after the animation is done, otherwise good work!
@Mandy McClausky Yeah I was wondering what was causing that (only happens in webkit). Do you happen to know the particulars?
Thanks for the fix by the way, it's all corrected now. :)
Certain things trigger a browser's hardware acceleration, particularly animations and opacity changes. In making that switch, it removes the subpixel-antialiasing, sometimes for the entire site.
I wrote a little entry on Coderwall about my web typography explorations since I kept running into the same issues over and over again that might help you down the line.
@Mandy McClausky Yeah I did notice the lack of AA during animations on another project of mine. Didn't realize there were so many legibility options though, thanks!
Out of curiosity, ever dealt with text glitches in Safari during CSS transforms? I just noticed that this button has trouble in Safari only (Chrome is fine) whenever a rotateX animation is applied to the text element or the coin element behind it.
Oh weird! I haven't done extensive enough stuff with animations yet, so this one is out of my comfort zone. Let me know when you find out, though -- (thankfully) there are a lot of StackOverflow questions about these types of behaviors.
Hey man, that looks pretty cool! :)
One thing I noticed the easing is a little funky at the beginning and the end of animation. (when it bounces back into place) perhaps giving a little more time will fix the problem. But other than that it looks good man!
Could you define funky for me in this case?
keyboard shortcuts: ← previous shot → next shot L or F like
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–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter