Path: csiph.com!eternal-september.org!feeder.eternal-september.org!news.eternal-september.org!.POSTED!not-for-mail
From: Osmo Saarikumpu <osmo@weppipakki.com>
Newsgroups: comp.lang.javascript
Subject: Re: Rotating something on click
Date: Tue, 7 Feb 2017 10:40:28 +0200
Organization: A noiseless patient Spider
Lines: 30
Message-ID: <o7c12e$tna$1@dont-email.me>
References: <2fae8fa9-b8dd-4aea-9240-453fb6fbbfdc@googlegroups.com> <o77uq6$c2v$1@news.albasani.net> <29f0bd65-889c-45f1-bf2f-f5e36713ee44@googlegroups.com> <o79l9e$7h6$1@news.albasani.net> <8e5108ba-40e6-4cc8-bd0e-cfee622b0285@googlegroups.com>
Mime-Version: 1.0
Content-Type: text/plain; charset=utf-8; format=flowed
Content-Transfer-Encoding: 7bit
Injection-Date: Tue, 7 Feb 2017 08:38:38 -0000 (UTC)
Injection-Info: mx02.eternal-september.org; posting-host="1720291894028d7569f728478e21abb3"; logging-data="30442"; mail-complaints-to="abuse@eternal-september.org";	posting-account="U2FsdGVkX18SbjVi2aXriSRSOuRj+wF8"
User-Agent: Mozilla/5.0 (Windows NT 6.3; WOW64; rv:45.0) Gecko/20100101 Thunderbird/45.6.0
In-Reply-To: <8e5108ba-40e6-4cc8-bd0e-cfee622b0285@googlegroups.com>
Cancel-Lock: sha1:TPOM9Ww4kwOxPTOjs6obAVhbrGE=
Xref: csiph.com comp.lang.javascript:32535

On 07/02/2017 09:09, bit-naughty@hotmail.com wrote:
> On Monday, February 6, 2017 at 5:05:27 AM UTC-6, Martin Honnen wrote:
>
>> You can set the CSS
>>    transition-property: transform
>> and then the duration e.g.
>>    transition-duration: 2s;
>>
>
> ..so, in Javascript, it would be like:
>
> elem.style.transition-property = "transform";
>
> and
>
> elem.style.transition-duration = "2s";
>
> then?
>

The syntax for compound properties is:

element.style.propertyName

(e.g. elem.style.transitionDuration = "2s";)

instead of property-name

-- 
Best wishes, Osmo