W3C home > Mailing lists > Public > www-style@w3.org > March 2015

[css-transforms] Specifying different transitions properties for different transform functions

From: Zacqary Adam Xeper <zxeper@fastcompany.com>
Date: Thu, 19 Mar 2015 22:14:45 +0000
Message-ID: <CAOw4adirfofJRSK5pgiQxm1oNUa9bYghKx1-2-AZjV-2BEN3UA@mail.gmail.com> (sfid-20150319_221512_194128_1C08975B)
To: www-style@w3.org
Hi everyone. I've run into a problem working with CSS transitions on the
transform property: I'd like to specify a different transition-duration and
transition-timing-function for transform: scale() and transform:
translate(). Unfortunately, the only thing I'm allowed to do is:

transition: transform 0.5s;

What I'd like to be able to do is something like:

transition: scale 0.5s, translate 0.3s;

Obviously that's not the best syntax for it, given that scale and translate
are functions, not properties. But I haven't seen this discussed and I
think it's worth looking into. I'd like to be able to have this kind of
control with a standard library instead of having to render to <canvas> or

Zacqary Adam Xeper
Web Developer, Fast Company
7 World Trade Center
New York, NY 10007
212-389-5546 <212-389-5300>
Received on Thursday, 26 March 2015 17:38:39 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:39:30 UTC