Re: element transition

Path	csiph.com!3.eu.feeder.erje.net!feeder.erje.net!news.mb-net.net!open-news-network.org!.POSTED.178.197.192.93!not-for-mail
From	Thomas 'PointedEars' Lahn <PointedEars@web.de>
Newsgroups	comp.lang.javascript
Subject	Re: element transition
Supersedes	<2775651.e9J7NaK4W3@PointedEars.de>
Date	Fri, 09 Apr 2021 16:58:58 +0200
Organization	PointedEars Software (PES)
Lines	23
Message-ID	<3109453.aeNJFYEL58@PointedEars.de> (permalink)
References	<RMqdncED_ICXtvP9nZ2dnUU7-LXNnZ2d@westnet.com.au> <15304a23-f1c6-49a3-a61f-0b6e422ad315n@googlegroups.com> <n92dnXdELKlI1fP9nZ2dnUU7-XXNnZ2d@westnet.com.au> <2065756.irdbgypaU6@PointedEars.de>
Reply-To	Thomas 'PointedEars' Lahn <cljs@PointedEars.de>
Mime-Version	1.0
Content-Type	text/plain; charset="UTF-8"
Content-Transfer-Encoding	8Bit
Injection-Info	gwaiyur.mb-net.net; posting-host="178.197.192.93"; logging-data="17286"; mail-complaints-to="abuse@open-news-network.org"
User-Agent	KNode/4.14.10
Cancel-Key	sha1:syzBwk5BZS/qBztnY/Om/nvQSNY=
Cancel-Lock	sha1:5Hx7/Qs8eu8CQJQXIBEJuVwKfP8=
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==
X-User-ID	U2FsdGVkX195w5nfnakSfyXUhJbIRFSdlMgXM8zNU9yZ7/5uiNgryw==
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
Xref	csiph.com comp.lang.javascript:39873

Show key headers only | View raw

Thomas 'PointedEars' Lahn wrote:

> Andrew Poulos wrote:
>> So a setting for the display property affects the transition property?
> 
> Yes.  The problem is that “display: none” means that the element should
> not be rendered at all.  If you use “visibility: hidden” instead, and
> switch that to “visibility: visible” without delay when you are fading in,
> then the transition will work.  For fading out you have to use the same
> delay for the “visibility” as for “opacity”, though; otherwise the element
> will disappear immediately and the transition of “opacity” cannot take
> effect.

N.B.: Declaring the “visibility” property value (CSS ≤ 2.x) as well was/is a 
workaround for layout engines that did/do not support the “opacity” property 
(CSS 3).  For modern layout engines which support CSS Level 3 and above, 
declaring “visibility” is not strictly necessary if you declare “opacity” 
like that, although there might still be circumstances where it is useful.

-- 
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 | Find similar | Unroll thread

Thread

element transition Andrew Poulos <ap_prog@hotmail.com> - 2021-04-08 07:58 +1000
  Re: element transition "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2021-04-07 15:44 -0700
    Re: element transition Andrew Poulos <ap_prog@hotmail.com> - 2021-04-08 10:05 +1000
      Re: element transition "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2021-04-07 17:23 -0700
        Re: element transition Andrew Poulos <ap_prog@hotmail.com> - 2021-04-08 16:30 +1000
      Re: element transition Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2021-04-09 16:48 +0200
        Re: element transition Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2021-04-09 16:58 +0200

csiph-web