Comments on: CSS Transforms

By: testman

testman — Mon, 10 Dec 2007 16:21:43 +0000

Any plan for webkit to join and implement the BeCSS spec (see http://www.w3.org/TR/becss/ ) from W3C ? IE already have old BeCSS support and Gecko have also draft version implemented. BeCSS enable advanced styling to be done on a webpage. This mean, you can add behavior “per styling” instead of poluting the XHTML code with tons of .js to do fancy stuff or ajaxian stuff. Having BeCSS in Webkit would help us to bring more clean advanced webapplications by decoupling data structure (XHTML) and “look and feel” (CSSwithBeCSS).

Any plan ?

By: guido.grassel

guido.grassel — Mon, 03 Dec 2007 07:54:19 +0000

Cool stuff. This would benefit from formal specification in the W3C CSS working group, I believe.

By: guido.grassel

guido.grassel — Mon, 03 Dec 2007 07:46:33 +0000

@hyatt: Is there any place (other than maybe the sources) where I can find what is expected to work in WebKit already? – I found translate, skew, scale to work for me, but not translateX/Y, skewX/Y, scaleX/Y. Also not sure about matrix.

By: Brad

Brad — Sun, 04 Nov 2007 03:44:51 +0000

I put together a table with rotated headers (http://bradclicks.com/CSSTransformTest.html) that looks halfway decent in Webkit, but the headers disappear in FireFox. I had to use spans within the table header cells. It would be nice if something like -webkit-transform:rotate would have special meaning for TH, so that it would just do this sort of thing on its own.

I couldn’t get skew to work though. Maybe I am doing something wrong.

By: Brad

Brad — Sun, 04 Nov 2007 02:40:46 +0000

I tried to rotate some table header cells (TH’s in a THEAD), but it didn’t turn out so well. Seems like they cannot be relatively positioned or have widths different from the rest of the table, and they always appear in front of the rest of the table. If anyone else has had better luck doing that sort of thing, I would like to see it. I also couldn’t do skew or scale on the TH.

By: Aaron Gustafson

Aaron Gustafson — Wed, 31 Oct 2007 21:23:02 +0000

It's like you read my mind (or my blog post, which apparently revived the rotation topic after it languished for a while at the W3C).

By: marcus erronius

marcus erronius — Tue, 30 Oct 2007 23:06:46 +0000

*sigh*… or not. I should have known javascript links would not be allowed.

By: marcus erronius

marcus erronius — Tue, 30 Oct 2007 23:05:26 +0000

for a quick example, click here: rotate page

By: hyatt

hyatt — Tue, 30 Oct 2007 17:49:27 +0000

Zach, perspective transforms aren’t implemented (yet).

By: Zach

Zach — Mon, 29 Oct 2007 18:40:27 +0000

@RichB Re: coverflow

It doesn’t look like any perspective transformations are possible. The affine matrix and the other operations keep the parallel sides of a box parallel.

You can kind of fake 3D, but you can’t make the leading edge bigger than the trailing edge like you’d expect in a 3d perspective:

http://tech.no.logi.es/woodshop/3d.html