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

Hans Muller hmuller at adobe.com
Wed Feb 29 09:32:17 PST 2012

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.
CSSComputedStyleDeclaration::getPropertyCSSValue() in WebKit (explicitly)
ignores them.   Should they stay or should they go?  Or perhaps they
should just be left alone?

- Hans


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;

  <div class="square"></div>

More information about the webkit-dev mailing list