Google's transforming material icons in HTML and CSS (cloudcannon.com)
over 6 years ago from George Phillips, CTO at Cloud Cannon
over 6 years ago from George Phillips, CTO at Cloud Cannon
Great stuff! Love these deconstructions :)
Great post George!
Just posted a blog post about SVG + CSS animation for the loading spinner that fixes some of the issues that you encountered:
Google Material Design's Animated Loading Spinner in SVG and CSS
Nice, that looks great. I will post that up in the post
Love it!
Love those ideas!
When you click the grid, it really needs to complete the animation for mouse behavior. Currently, if this was used in a desktop environment, it looks like my click doesn't process properly
Otherwise it looks very good.
If anyone is interested, I made a number transition similar to Google's in CSS/JS a while ago: http://codepen.io/lbebber/pen/Ecdsb
Impressive, that's really well done.
I added it to the post, thanks for the link.
Hey nice, thanks man
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now