[webkit-dev] -webkit-transform-origin-x,y CSS properties

Simon Fraser simon.fraser at apple.com
Wed Feb 29 09:44:28 PST 2012


On Feb 29, 2012, at 9:32 AM, Hans Muller wrote:

> 
> Are the -webkit-transform-origin-x,y CSS properties on their way in our
> out?  The ugly little test below demonstrates that they're probably not
> supported by Opera or Mozilla.

They are not in the spec:
<http://www.w3.org/TR/css3-transforms/>

We will not be supporting the unprefixed versions of these properties.

Simon

> CSSComputedStyleDeclaration::getPropertyCSSValue() in WebKit (explicitly)
> ignores them.   Should they stay or should they go?  Or perhaps they
> should just be left alone?
> 
> Thanks,
> - Hans
> 
> ----
> 
> 
> <html>  
> <style>
> div.square {
>    position: absolute;
>    top: 150px;
>    left: 150px;
>    width: 100px;
>    height: 100px;
>    background-color: blue;
>    -webkit-transform-origin-x: -150px;
>    -webkit-transform-origin-y: -150px;
>    -webkit-transition: -webkit-transform 0.5s;
>    -moz-transform-origin-x: -150px;
>    -moz-transform-origin-y: -150px;
>    -moz-transition: -moz-transform 0.5s;
>    -o-transform-origin-x: -150px;
>    -o-transform-origin-y: -150px;
>    -o-transition: -o-transform 0.5s;
> }
> 
> div.square:hover {
>  -webkit-transform: rotate(45deg);
>  -webki-transition: -webkit-transform 0.5s;
>  -moz-transform: rotate(45deg);
>  -moz-transition: -moz-transform 0.5s;
>  -o-transform: rotate(45deg);
>  -o-transition: -o-transform 0.5s;
> }
> </style>
> 
> <body>
>  <div class="square"></div>
> </body>
> </html>
> 
> 
> 
> 
> 
> 
> _______________________________________________
> webkit-dev mailing list
> webkit-dev at lists.webkit.org
> http://lists.webkit.org/mailman/listinfo.cgi/webkit-dev



More information about the webkit-dev mailing list