Path: csiph.com!weretis.net!feeder6.news.weretis.net!feeder7.news.weretis.net!news.szaf.org!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail From: Arno Welzel Newsgroups: comp.lang.javascript Subject: Re: Two SUCESSIVE animations on the same element - part 2 Date: Fri, 15 Nov 2019 17:42:21 +0100 Lines: 45 Message-ID: References: Mime-Version: 1.0 Content-Type: text/plain; charset=utf-8 Content-Transfer-Encoding: 7bit X-Trace: individual.net dNRsxu19bX85UDHCV5kkCgJ532nqzEwLH6NdvdV3Mu1sO1t0Cw Cancel-Lock: sha1:9XnsEn8+A8tZ2ShIgjt8OG/4MI0= In-Reply-To: Xref: csiph.com comp.lang.javascript:37790 Arno Welzel: > groovee@cyberdude.com: > >> Hi, Thanks to everyone who posted in my last thread, I decided to >> open a new one. I learnt new things from that one, so thanks muchly >> to all who posted. >> >> THIS time, my question is: suppose I have a box which I want to SCALE >> down in size, say to 50% of it's size, and then move the SCALED box >> around the screen, say move it down - how do I do it?? :) If I use > > By reading the documentation. > > > > Especially this: > > > >> the "animationend" property as Arno suggested last time, I don't >> think it will work - the box will scale down and then suddenly snap >> BACK to it's original size and *then* move down. So...how do I pull >> of what I want? > > When "snap BACK" happens, you forgot "animation-fill-mode: forwards;". > How often do I have to repeat this, before you understand it? > > Please have a look at the example I already mentioned - this should > answer ALL questions: > > > > And yes, it does not matter if you change the position or size of a box, > the principle is always the same. Here another CodePen with size changes: -- Arno Welzel https://arnowelzel.de