Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #36601

Re: TWO lines of code for transforms?

Show all headers | View raw

On Saturday, 11 May 2019 19:37:06 UTC+5:30, Ram Tobolski  wrote:
> On Friday, May 10, 2019 at 1:52:17 PM UTC+3, gro...@cyberdude.com wrote:
> > OK I know, from DOING, that the following will make something spin 45 degrees:
> > 
> >             blah.style.transition = "transform 1s";
> >             blah.style.transform = "rotate(45deg)";
> > 
> > ...but I have no idea WHY this works. Why are TWO lines of code necessary for this, and indeed what is the exact difference between a transition and a transform?? What could the first line have had on the RHS *besides* "transform 1s", since, it seems to me, that "transform" is all it can have??
> > 
> > Could somebody please explain?
> > 
> > 
> > Thanks for your help.
> 
> Transform without transition implies a merely static change.
> An element with e.g. the property
> 
> transform: rotate(45 deg)
> 
> will be displayed rotated. But without a transition there will be no process of rotating, no spinning, no gradual movement, just a static and instantaneous change of orientation.
> 
> When you add a transition property, you will get animation, gradual change, visible process.

Hey Ram! (nice to meet you again! :) ),....I was thinking pretty much the same thing too, but.... what about my question: "What can the first line have on the RHS *excepting* "transform 1s" "? ie. what ELSE can "transition" be equal to?

Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread

Thread

TWO lines of code for transforms? groovee@cyberdude.com - 2019-05-10 03:52 -0700
  Re: TWO lines of code for transforms? "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2019-05-10 13:38 +0200
  Re: TWO lines of code for transforms? Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2019-05-10 14:27 +0200
    Re: TWO lines of code for transforms? "Mark-" <nospam@mapson.xyz> - 2019-05-10 14:13 +0000
      Re: TWO lines of code for transforms? John G Harris <niam@jghnorth.org.uk.invalid> - 2019-05-11 11:26 +0100
        Re: TWO lines of code for transforms? Julio Di Egidio <julio@diegidio.name> - 2019-05-11 04:20 -0700
          Re: TWO lines of code for transforms? Ben Bacarisse <ben.usenet@bsb.me.uk> - 2019-05-11 14:31 +0100
            Re: TWO lines of code for transforms? Julio Di Egidio <julio@diegidio.name> - 2019-05-11 08:29 -0700
              Re: TWO lines of code for transforms? Ben Bacarisse <ben.usenet@bsb.me.uk> - 2019-05-11 16:59 +0100
                Re: TWO lines of code for transforms? Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2019-05-11 17:55 +0200
              Re: TWO lines of code for transforms? John G Harris <niam@jghnorth.org.uk.invalid> - 2019-05-11 18:31 +0100
                Re: TWO lines of code for transforms? Gene Wirchenko <genew@telus.net> - 2019-05-11 22:01 -0700
          Re: TWO lines of code for transforms? John G Harris <niam@jghnorth.org.uk.invalid> - 2019-05-11 18:18 +0100
            Re: TWO lines of code for transforms? Gene Wirchenko <genew@telus.net> - 2019-05-11 22:04 -0700
              Re: TWO lines of code for transforms? John G Harris <niam@jghnorth.org.uk.invalid> - 2019-05-12 10:27 +0100
                Re: TWO lines of code for transforms? Gene Wirchenko <genew@telus.net> - 2019-05-14 10:44 -0700
  Re: TWO lines of code for transforms? Ram Tobolski <ramtob@gmail.com> - 2019-05-11 07:06 -0700
    Re: TWO lines of code for transforms? groovee@cyberdude.com - 2019-05-13 04:28 -0700
      Re: TWO lines of code for transforms? Ben Bacarisse <ben.usenet@bsb.me.uk> - 2019-05-13 13:38 +0100
        Re: TWO lines of code for transforms? groovee@cyberdude.com - 2019-05-13 07:31 -0700
          Re: TWO lines of code for transforms? Ram Tobolski <ramtob@gmail.com> - 2019-05-13 09:11 -0700
          Re: TWO lines of code for transforms? Ben Bacarisse <ben.usenet@bsb.me.uk> - 2019-05-13 17:14 +0100
            Re: TWO lines of code for transforms? groovee@cyberdude.com - 2019-05-14 23:56 -0700
              Re: TWO lines of code for transforms? "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2019-05-15 09:43 +0200
              Re: TWO lines of code for transforms? Ben Bacarisse <ben.usenet@bsb.me.uk> - 2019-05-15 22:06 +0100

csiph-web