Path: csiph.com!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail
From: Arno Welzel <usenet@arnowelzel.de>
Newsgroups: comp.lang.javascript
Subject: Re: Two SUCESSIVE animations on the same element - how?
Date: Sun, 10 Nov 2019 01:05:18 +0100
Lines: 22
Message-ID: <h2p2i1Fdui8U1@mid.individual.net>
References: <54ce4120-6481-4ad8-9e1a-2fe545d32705@googlegroups.com> <h2p1orFdpteU1@mid.individual.net>
Mime-Version: 1.0
Content-Type: text/plain; charset=utf-8
Content-Transfer-Encoding: 7bit
X-Trace: individual.net hGvbKCuJAy/h0jDlutpsKQS1kBisa8+tXAqRqU0UjE2osei1ag
Cancel-Lock: sha1:sBQVkOHx70vN/+1aUSDOAR0Ybe4=
In-Reply-To: <h2p1orFdpteU1@mid.individual.net>
Xref: csiph.com comp.lang.javascript:37740

Arno Welzel:

> groovee@cyberdude.com:
> 
>> OK, so say I have a green box on my screen which I want to start off
>> at the top left, move to the top right and THEN from there to the
>> bottom right. How do I do this? (this is just an example).
> You don't need JavaScript, you can just define an animation which does
> multiple changes in sequence. However you can use an event listener to
> do something at the end of one animation as well:
> 
> For example: <https://arnowelzel.de/samples/animation.html>

And here with change the CSS class at the end of the first animation so
a second animation will start then:

<https://arnowelzel.de/samples/animation2.html>


-- 
Arno Welzel
https://arnowelzel.de