Re: element transition

From	Thomas 'PointedEars' Lahn <PointedEars@web.de>
Newsgroups	comp.lang.javascript
Subject	Re: element transition
Date	2021-04-09 16:58 +0200
Organization	PointedEars Software (PES)
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>

Show all headers | 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