Made this logo in css and attached the file so anyone can take at look at how I did it.
See it here
Edit: Open in Firefox
Feel free to post feedback on better methods to achieve this look as I know it doesn't work in Opera or iOS (haven't had a chance at work to test it on Android, tablet at home).
12 months ago
This is how I see it in Safari ( Latest ) on Mac. http://premiumstuff.net/glitched.png
Creating this in CSS3 is pretty hard to achieve, so congrats. :)
@Kev Safari on Mac not so good but on pc it looks fine, Firefox on Mac gives the correct result.
I'm open to feedback on improving it.
I see the same thing as Kev in chrome on pc
but congrats too :)
@pozde Made this a week ago and must have made a change that I forgot about when I put it through code validate as the list is getting shorter, it only appears correctly in Firefox mac/pc. I think it might have to do with the placement of each style and the overflow hidden. If any css guru would like to share some knowledge I'm all ears.
Ooooh Internet Explorer 9, you're so squarish'
Anyway that's really great Will.
@Simon Godbout IE doesn't support this kind of css but its still an interesting look...just a bit squarish
no circle on android, but some squares
...just a padawan in css, not yet a jedi :-/
does IE support anything?
@pozde its got Cut the Rope extra levels...
Chrome - Mac.
:-( already accepted defeat for it to currently only work in firefox, maybe I'll give it another go somewhere down the line
@Will Hurley There's a little glitch in Mobile Safari (screenshot made in tweetbot's integrated mobile safari api) as well, latest iOS version: http://d.pr/i/Fumd
But it's definitely awesome work, congrats Will
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