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

Groups > comp.lang.javascript > #32481

Re: Rotating something on click

Path csiph.com!1.us.feeder.erje.net!feeder.erje.net!1.eu.feeder.erje.net!weretis.net!feeder4.news.weretis.net!feeder5.news.weretis.net!news.solani.org!.POSTED!not-for-mail
From Thomas 'PointedEars' Lahn <PointedEars@web.de>
Newsgroups comp.lang.javascript
Subject Re: Rotating something on click
Date Mon, 06 Feb 2017 04:58:36 +0100
Organization PointedEars Software (PES)
Lines 23
Message-ID <2820104.aV6nBDHxoP@PointedEars.de> (permalink)
References <2fae8fa9-b8dd-4aea-9240-453fb6fbbfdc@googlegroups.com> <9838a43a-f8d2-4be0-9139-910d0a72b4fe@googlegroups.com>
Reply-To Thomas 'PointedEars' Lahn <cljs@PointedEars.de>
Mime-Version 1.0
Content-Type text/plain; charset="UTF-8"
Content-Transfer-Encoding 8Bit
X-Trace solani.org 1486353517 31364 eJwFwYEBwDAEBMCVgvcYJ1X2HyF3bhR2gE74+h7gLCUVd3KJcvy3AaPWTe36aKM1EhPZggcEhhBR (6 Feb 2017 03:58:37 GMT)
X-Complaints-To abuse@news.solani.org
NNTP-Posting-Date Mon, 6 Feb 2017 03:58:37 +0000 (UTC)
User-Agent KNode/4.14.2
X-User-ID eJwFwYEBwCAIA7CXqNJOzkGE/09Ywi2oPhflHE7Espegw7ozJu7SHnptOxr3ZgbReY5BQHXFNXueSC1KPz48FMc=
Cancel-Lock sha1:A+iyUY6w/DCjxLmFi1bsgrMsdrA=
X-Face %i>XG-yXR'\"2P/C_aO%~;2o~?g0pPKmbOw^=NT`tprDEf++D.m7"}HW6.#=U:?2GGctkL,f89@H46O$ASoW&?s}.k+&.<b';Md8`dH6iqhT)6C^.Px|[=M@7=Ik[_w<%n1Up"LPQNu2m8|L!/3iby{-]A+#YE}Kl{Cw$\U!kD%K}\2jz"QQP6Uqr],./"?;=4v
X-NNTP-Posting-Host eJwNysEBwCAIA8CVCJKg4wCt+4/Q3vu4BE2GqODlXS2Zb6nkZ78yI1BTZXUi8y/kQ/i0Bx39AfzrD/8=
Face iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAGFBMVEXTxa4RFk5dUWANED8PFEfy7+MGBiW+n3ZNF/QuAAACaElEQVQ4jVXUwVOcMBQG8Dc7Rc4PUntdWV2uxjDpGaGeozOp1woar4jd5t/v9wLstMwsA/ntlxdCAgUc1hjTc9/JCZfGoo3wG3HdmdAWrIJRHe7GM/TmpY5VFefuVcAkkPbLIaN8rmPmjloyZxgyR3GuJ4K0AGtJ2htz8o7yqikm759fldQXaMpbDzjKAG+8v+AugVTOPO5DOjLvGtUYQwh0CPjnVMyGd+8/GfUB5nLKJDD2aLDh5HYyMDJGDwQIo2ZmZcKbowNmAdB/AzyFhrmF2MHRb0QJJfaAnwGB6orZhoykLzJtGwF/xpYxI1dswomiUj3gTuAIqCn/4C7cULwGNBtwMTk3Y4LfKB5YUaOKBKYtpplm7u0vip8tU1NWWyI/7XdcSuIDoMt6rVHMWT0DbjHPGqDqZVSa6zleLcUTcIKLoMv3ueJluALtAo9B302zPPlrtiVScRdCjXvVh3e3JpYa/jjkuC9N+LrBMlz/eAN4eQijX2EdLo6c5tGGHwLyHFtXk89dDGHwCVhG9T0S/j55AhRZgkMCmUQXJ49TnS1wnQDvw0eAh9ICeMmEFbCnPMFzjAvsWoEWEFdYEx+S0MoUZ1gT1wId8+AF3Bl2OoEu906AUHx5VLw/gXYg/x84loOah/2UYNrgiwSwGO7RfUzVBbx/kgpckumGOi6QirtD6gkLTitbnxNol47S2jVc2vsN5kPqaAHT8uUdAJM4v/DanjYOwmUjWznGfwB7sGtAtor5BgofDuzaRj4kSQAqDakTsKORa3Q3xKi3gE1fhl71KRMqrdZ2AWNNg/YOhQyrVBnb+i+nEg4bsDA+egAAAABJRU5ErkJggg==
Xref csiph.com comp.lang.javascript:32481

Show key headers only | View raw

Michael Haufe (TNO) wrote:

> bit-n...@hotmail.com wrote:
>> I want a link, which, when clicked, will rotate stuff - eg. if there is a
>> link "Hello" on screen, when it's clicked, I want it to rotate, say 90
>> degrees. How do I do that? I found out about the transition property in
>> JS, but I'm unclear on how to code the  transition and the "transform:
>> rotate" stuff in Javascript....
> 
> CSS alone can accomplish this now:
> [using the :target selector]

It should be noted that because of this and CSS transitions/animations, all 
of which Time Magazine (<https://time.com/>) does with CSS scripting when 
you go to their Web site with enabled ad blocker, and click the “break 
time.com” button, could also be done *easier* using CSS only.  All it takes 
is a common container element with an ID.

-- 
PointedEars
FAQ: <http://PointedEars.de/faq> | <http://PointedEars.de/es-matrix>
<https://github.com/PointedEars> | <http://PointedEars.de/wsvn/>
Twitter: @PointedEars2 | Please do not cc me./Bitte keine Kopien per E-Mail.

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

Thread

Rotating something on click bit-naughty@hotmail.com - 2017-02-05 10:12 -0800
  Re: Rotating something on click "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2017-02-05 19:16 +0100
  Re: Rotating something on click Martin Honnen <martin.honnen@gmx.de> - 2017-02-05 20:35 +0100
    Re: Rotating something on click bit-naughty@hotmail.com - 2017-02-05 23:07 -0800
      Re: Rotating something on click Martin Honnen <martin.honnen@gmx.de> - 2017-02-06 12:05 +0100
        Re: Rotating something on click bit-naughty@hotmail.com - 2017-02-06 23:09 -0800
          Re: Rotating something on click bit-naughty@hotmail.com - 2017-02-06 23:15 -0800
            Re: Rotating something on click Osmo Saarikumpu <osmo@weppipakki.com> - 2017-02-07 11:09 +0200
          Re: Rotating something on click Osmo Saarikumpu <osmo@weppipakki.com> - 2017-02-07 10:40 +0200
  Re: Rotating something on click "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2017-02-05 13:36 -0800
    Re: Rotating something on click Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2017-02-06 04:58 +0100
  Re: Rotating something on click bit-naughty@hotmail.com - 2017-02-07 03:33 -0800
    Re: Rotating something on click "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2017-02-07 13:04 +0100
      Re: Rotating something on click "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2017-02-07 13:10 +0100
        Re: Rotating something on click "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2017-02-07 13:19 +0100
          Re: Rotating something on click "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2017-02-07 13:38 +0100
      Re: Rotating something on click bit-naughty@hotmail.com - 2017-02-07 23:52 -0800

csiph-web