Open Bug 794930 Opened 12 years ago Updated 2 years ago

transform-origin-x, transform-origin-y

Categories

(Core :: CSS Parsing and Computation, enhancement, P3)

enhancement

Tracking

()

UNCONFIRMED

People

(Reporter: iurevych, Unassigned)

Details

(Keywords: css3, dev-doc-needed, Whiteboard: transform-origin-x transform-origin-y)

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/537.1 (KHTML, like Gecko) Chrome/21.0.1180.89 Safari/537.1

Steps to reproduce:

Hey guys. Its handy to use transform-origin-x or transform-origin-y together with transform: scale(); sometimes.

But it doesn't work in Forefox. But it works just fine in webkit browsers.
Screenshot: https://img.skitch.com/20120927-8hu1rpsa27wuqu5jbjnyph1exp.png


Actual results:

Nothing happened. Firefox doesn't treat this property and shows error (see the screenshot)


Expected results:

Firefox should understand this property and move scaled block to a position I set in transform-origin-(x/y). See webkit implementation.
Severity: normal → minor
Component: Untriaged → General
Keywords: css3
Priority: -- → P3
Whiteboard: transform-origin-x transform-origin-y
Is there a more recent version of the spec than at http://dev.w3.org/csswg/css3-transforms/#transform-origin as -x or -y doesn't exist in this one?
Severity: minor → enhancement
Component: General → Style System (CSS)
OS: Mac OS X → All
Product: Firefox → Core
Hardware: x86 → All
(In reply to Mardeg from comment #1)
> Is there a more recent version of the spec than at
> http://dev.w3.org/csswg/css3-transforms/#transform-origin as -x or -y
> doesn't exist in this one?
I haven't seen any :(
Independently of the merit of these two properties, a few points:

* This was discussed, without resolution, in the CSSWG weekly meeting on October 5th 2012. I don't have seen this discussed again since then (I may have missed it, though). 

* Since a few days a Google employee is pushing this in tutorials at webplatforms.org (w3c-blessed) as if it is a standard feature of css3 transforms, or as if it is good practice. I have fixed that documentation twice but this is likely to come back. If we want to support this, we should add it asap as I don't think that documentation of this kind should be spread with -webkit only prefixes recommended.

* It would be nice also to have a resolution before Webkit unprefix transforms (there is ongoing work on a big unprefixing, starting w/ gradients and transitions but animations and transforms are planned to come right after, which is very good news as Webkit is last major engine to unprefix), and to check that they do not unprefix by accident those two properties.

I've added dbaron, fantasai in cc/ so this get on their radar ;-)
Keywords: dev-doc-needed
Version: 16 Branch → Trunk
(In reply to Jean-Yves Perrier [:teoli] from comment #3)
> Independently of the merit of these two properties, a few points:
> 
> * This was discussed, without resolution, in the CSSWG weekly meeting on
> October 5th 2012. I don't have seen this discussed again since then (I may
> have missed it, though). 
> 
> * Since a few days a Google employee is pushing this in tutorials at
> webplatforms.org (w3c-blessed) as if it is a standard feature of css3
> transforms, or as if it is good practice. I have fixed that documentation
> twice but this is likely to come back. If we want to support this, we should
> add it asap as I don't think that documentation of this kind should be
> spread with -webkit only prefixes recommended.
> 
> * It would be nice also to have a resolution before Webkit unprefix
> transforms (there is ongoing work on a big unprefixing, starting w/
> gradients and transitions but animations and transforms are planned to come
> right after, which is very good news as Webkit is last major engine to
> unprefix), and to check that they do not unprefix by accident those two
> properties.
> 
> I've added dbaron, fantasai in cc/ so this get on their radar ;-)
Good news, thank you for update!
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.