Pure CSS 3D webkit animation, only works on a mac, uses hardware accelerated css transforms and @-webkit-keyframe animations.
3d CSS3 HTML5 Logo
code.bocoup.com
3d CSS3 HTML5 Logo
1–10 of 19 posts
Re: 3d CSS3 HTML5 Logo
#2no firefox?
Re: 3d CSS3 HTML5 Logo
#3"WebKit proprietary CSS extensions" are not "CSS3".
Re: 3d CSS3 HTML5 Logo
#4Every time I see CSS3/HTML5 demos like this, I think "awesome, but what's the IE situation?". I mean that in a honest way, not in a "oh, that probably will never work on IE type of way".
IE9 is supposedly way better than before - will it support stuff like this?
Re: 3d CSS3 HTML5 Logo
#5"WebKit proprietary CSS extensions" are not "CSS3".
The "proprietary extensions" follow the CSS3 working draft: http://www.w3.org/TR/css3-3d-transforms/
Re: 3d CSS3 HTML5 Logo
#6"safari 5 or chrome 9 on a mac"
How did you manage to make something that only works on a Mac in Chrome?
Looks messed up under Windows...
Bravo!
Re: 3d CSS3 HTML5 Logo
#7Every time I see CSS3/HTML5 demos like this, I think "awesome, but what's the IE situation?". I mean that in a honest way, not in a "oh, that probably will never work on IE type of way". IE9 is supposedly way better than before - will it support stuff like this?
CSS 2D Transforms - yes. 3D - nobody knows.
Re: 3d CSS3 HTML5 Logo
#8Every time I see CSS3/HTML5 demos like this, I think "awesome, but what's the IE situation?". I mean that in a honest way, not in a "oh, that probably will never work on IE type of way". IE9 is supposedly way better than before - will it support stuff like this?
IE introduced expression() in CSS decades ago. Like -webkit-transform, they are both private non-standard way of doing animations. IE4/5/6 even had hardware accelerated 3D graphic and dynamic music support, dHTML was cool before HTML5 coolkids took over.
Re: 3d CSS3 HTML5 Logo
#9I viewed it with Chrome 9 beta in Windows 7. It rotates very nicely in 3-D.
But it looks like Hawaii Punch graffiti defacing an HTML5 logo. Does Hacker News support images? What is it supposed to look like? I'm curious.
That's probably a stupid question, about Hacker News. I'd be satisfied with a link to a 2-D image version, thanks.