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

Groups > comp.lang.javascript > #36607

Re: TWO lines of code for transforms?

Show all headers | View raw

groovee@cyberdude.com writes:

> On Monday, 13 May 2019 18:08:44 UTC+5:30, Ben Bacarisse  wrote:
>
>> 
>> Lots of things.  There's good documentation available on the web if you
>> know where to look.  For example
>> https://developer.mozilla.org/en-US/docs/Web/CSS/transition
>> 
>> Did you try asking in a CSS group?  You posted two assignments, but the
>> question was not really about scripting at all.
>> 
>> -- 
>> Ben.

It's best to cut signatures.

> OK, I don't get it. This is an example from that page:
>        
>          transition: margin-right 2s;
>
> Margin here is a "thing" that's part of the page, it's visible and
> tangible. How can THAT go on the right hand side, AS WELL AS
> "transform 1s"? "Margin" is a NOUN, "Transform" is a VERB, isn't it??

transform is also a noun and it might help you think of it as one in the
example you gave.

The line above means that changes to margin-right will take 2 seconds to
complete.  Your original example said that changes to the transform
should take 1 second.

> I'm quite thoroughly confused :(

You probably need to see some more examples to reset the view you've
formed of how this stuff works.  Here's one that uses a margin:

<!DOCTYPE html>
<head>
    <style>
     p { margin-left: 10em; transition: margin-left 2s; }
     p:hover { margin-left: 1em; }
    </style>
</head>
<body>
    <p>This is paragrah with a wide margin.</p>
</body>

I've put it up at: http://bsb.me.uk/testing/trans.html

-- 
Ben.

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