It's been well established that you can achieve just about any icon purely with CSS. Why is this getting so many upvotes?
Single Element MacBook Pro with CSS
21–30 of 69 posts
Re: Single Element MacBook Pro with CSS
#22It's been well established that you can achieve just about any icon purely with CSS. Why is this getting so many upvotes?
Re: Single Element MacBook Pro with CSS
#23Add: text-align: center; line-height: 100px;
to the .macbook css, so you can add text to the screen ;)
Re: Single Element MacBook Pro with CSS
#24Re: Single Element MacBook Pro with CSS
#25Re: Single Element MacBook Pro with CSS
#26There really should be a warning on all these demos, something like: "Don't actually draw with css in the wild, you'll break the web."
Re: Single Element MacBook Pro with CSS
#27It's been well established that you can achieve just about any icon purely with CSS. Why is this getting so many upvotes?
It's been well established that you can paint just about anything with oil paints. Why do people go to art museums?
Re: Single Element MacBook Pro with CSS
#28It's been well established that you can achieve just about any icon purely with CSS. Why is this getting so many upvotes?
G'day, I'm the guy that made it. I agree with your comment completely, I had one pretty big constraint though; one element allowed. I'd like to think that is why it is getting upvoted.
Re: Single Element MacBook Pro with CSS
#29Earlier quoted context omitted.
No it doesn't really, it keeps your HTML clean. Sure, there's better ways of getting a MacBook into your webpage, but this definitely shows the power of the :before and :after selectors.
It may keep your HTML clean, but it makes your CSS messy!
Re: Single Element MacBook Pro with CSS
#30Edit: Somehow my fault. Works with new profile in FF14. Curiously doesn't work in my standard profile in Aurora or Nightly even with plugins disabled.