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

Groups > comp.lang.javascript > #36749 > unrolled thread

Animation playing while a form is submitted, part 3

Back to article view | Back to comp.lang.javascript

Contents

  Animation playing while a form is submitted, part 3 groovee@cyberdude.com - 2019-06-03 03:25 -0700
    Re: Animation playing while a form is submitted, part 3 JJ <jj4public@vfemail.net> - 2019-06-04 00:11 +0700
      Re: Animation playing while a form is submitted, part 3 groovee@cyberdude.com - 2019-06-04 00:18 -0700
        Re: Animation playing while a form is submitted, part 3 JJ <jj4public@vfemail.net> - 2019-06-05 10:08 +0700
          Re: Animation playing while a form is submitted, part 3 groovee@cyberdude.com - 2019-06-04 23:48 -0700
            Re: Animation playing while a form is submitted, part 3 groovee@cyberdude.com - 2019-06-05 03:21 -0700
              Re: Animation playing while a form is submitted, part 3 groovee@cyberdude.com - 2019-06-05 23:42 -0700
                Re: Animation playing while a form is submitted, part 3 Ben Bacarisse <ben.usenet@bsb.me.uk> - 2019-06-06 11:25 +0100
                  Re: Animation playing while a form is submitted, part 3 groovee@cyberdude.com - 2019-06-06 23:16 -0700
                    Re: Animation playing while a form is submitted, part 3 "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2019-06-07 09:53 +0200
                    Re: Animation playing while a form is submitted, part 3 Ben Bacarisse <ben.usenet@bsb.me.uk> - 2019-06-08 21:44 +0100
                      Re: Animation playing while a form is submitted, part 3 groovee@cyberdude.com - 2019-06-10 00:21 -0700
                        Re: Animation playing while a form is submitted, part 3 groovee@cyberdude.com - 2019-06-10 00:24 -0700
                        Re: Animation playing while a form is submitted, part 3 Ben Bacarisse <ben.usenet@bsb.me.uk> - 2019-06-10 14:26 +0100
                          Re: Animation playing while a form is submitted, part 3 groovee@cyberdude.com - 2019-06-10 23:33 -0700
                            Re: Animation playing while a form is submitted, part 3 Ben Bacarisse <ben.usenet@bsb.me.uk> - 2019-06-11 12:18 +0100
                              Re: Animation playing while a form is submitted, part 3 groovee@cyberdude.com - 2019-06-12 10:08 -0700
                                Re: Animation playing while a form is submitted, part 3 Ben Bacarisse <ben.usenet@bsb.me.uk> - 2019-06-12 20:15 +0100
                                  Re: Animation playing while a form is submitted, part 3 groovee@cyberdude.com - 2019-06-12 23:32 -0700
                                    Re: Animation playing while a form is submitted, part 3 "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2019-06-13 12:14 +0200
                                      Re: Animation playing while a form is submitted, part 3 groovee@cyberdude.com - 2019-06-14 00:09 -0700
                                        Re: Animation playing while a form is submitted, part 3 "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2019-06-14 16:00 +0200
                                    Re: Animation playing while a form is submitted, part 3 Ben Bacarisse <ben.usenet@bsb.me.uk> - 2019-06-13 12:47 +0100
                                      Re: Animation playing while a form is submitted, part 3 groovee@cyberdude.com - 2019-06-14 00:05 -0700

Page 2 of 2 — ← Prev page 1 [2]

#36909

On Thursday, 13 June 2019 15:44:43 UTC+5:30, Evertjan.  wrote:

> 
> Like in the real world, come to grips with what really happens,
> rules just being the best approximative model to understand how,
> and you should test/debug if it applies to your specific case.
> 
> That's why you idealy should test your code in all browsers on all operating 
> systems used by all users.
> 
> So if it does not work, you ARE doing something wrong. If you think that is 
> bad of you, that would bu just remnants of your childhood indoctrination.
> 
> Thanking a male god, as you seem to do, hinds to that.

I have, basically, no idea what you said here. What is "hinds to that"?

[toc] | [prev] | [next] | [standalone]

#36913

groovee@cyberdude.com wrote on 14 Jun 2019 in comp.lang.javascript:

>> Thanking a male god, as you seem to do, hinds to that.
> 
> I have, basically, no idea what you said here. What is "hinds to that"?

You should not skip your own text  and then complaining no knowledge of that.

Your text was:

>> > Phew! Thank God! [..] Thanks, man! :)


-- 
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[toc] | [prev] | [next] | [standalone]

#36903

groovee@cyberdude.com writes:

> On Thursday, 13 June 2019 00:46:03 UTC+5:30, Ben Bacarisse  wrote:
>
>> For the moment just copy the perspective(...) and translateZ(...) values
>> you want and paste them into the two arm of the @keyframes rules
>> alongside the two rotations.
>
> I did this, still Not Working! :
>
> @keyframes spinit {
>   from {
> 	transform: perspective(200px);
> 	transform: translateZ(-200px);
>     transform: rotate3d(1,0,0,0deg);
>   }
>   to {
> 	transform: perspective(200px);
> 	transform: translateZ(-200px);
>     transform: rotate3d(1,0,0,360deg);
>   }
> }

It would be worth while reading up on how CSS rules work.  Those changes
have no effect.  It's like writing

  border: 1px;
  border: 3px;

You need to write a compound transformation:

  transform: perspective(200px) translateZ(-200px) rotate3d(1,0,0,360deg);

<cut>
>> > Phew! Thank God! - I thought *I* was doing something wrong... Thanks,
>> > man! :)
>> 
>> What do you mean?  For me, writing code that doesn't work is a clear
>> case of my doing something wrong.
>
> Well - that's just the way the browser works, right? There's no RULE
> set in stone that transformations SHOULDN'T accumulate....?

The browser is behaving as it should.  The CSS is wrong.

-- 
Ben.

[toc] | [prev] | [next] | [standalone]

#36908

On Thursday, 13 June 2019 17:17:22 UTC+5:30, Ben Bacarisse  wrote:
> 
> It would be worth while reading up on how CSS rules work.  Those changes
> have no effect.  It's like writing
> 
>   border: 1px;
>   border: 3px;
> 
> You need to write a compound transformation:
> 
>   transform: perspective(200px) translateZ(-200px) rotate3d(1,0,0,360deg);
> 

Ahh THANKS, man! :) It's working now :), or at least it's 99% of the way to what I wanted it.
What's happening now is that the animation of the box being in front, and going to the back is *repeating*, before finally giving the "Message Sent" message - any idea on how to fix this? I fully understand if you want to leave it at this point, I'm personally pretty happy with the page at this point too :)...but,....there's just a part of my brain that won't be happy till 100% :) Whatever.

Thanks again :)

[toc] | [prev] | [standalone]

Page 2 of 2 — ← Prev page 1 [2]

Back to top | Article view | comp.lang.javascript

csiph-web