Skip to content

Commit 64fa7b9

Browse files
authored
[css-contain-3] Make content-visibility animatable. (w3c#8737)
Allow animating content-visibility as animation type discrete with special interpolation to avoid hidden values similar to visibility. Fixes w3c#8627.
1 parent 8c8ca73 commit 64fa7b9

File tree

1 file changed

+24
-0
lines changed

1 file changed

+24
-0
lines changed

css-contain-3/Overview.bs

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1066,8 +1066,30 @@ The <code>CSSContainerRule</code> interface</h3>
10661066
Suppressing An Element’s Contents Entirely: the 'content-visibility' property {#content-visibility}
10671067
=================
10681068

1069+
<pre class=propdef>
1070+
Name: content-visibility
1071+
Value: visible | auto | hidden
1072+
Initial: visible
1073+
Inherited: no
1074+
Applies to: elements for which [=size containment=] can apply
1075+
Animation type: see [[#content-visibility-animation]]
1076+
</pre>
1077+
10691078
Issue: [[css-contain-2#content-visibility]]
10701079

1080+
<h3 id='content-visibility-animation'>
1081+
Animating and Interpolating 'content-visibility'</h3>
1082+
1083+
In general,
1084+
the 'content-visibility' property’s [=animation type=] is [=discrete=].
1085+
However,
1086+
similar to interpolation of 'visibility'
1087+
(see [[web-animations-1#animating-visibility]]),
1088+
during interpolation between ''content-visibility/hidden''
1089+
and any other 'content-visibility' value,
1090+
<var>p</var> values between 0 and 1
1091+
map to the non-''content-visibility/hidden'' value.
1092+
10711093
Privacy Considerations {#privacy}
10721094
=================================
10731095

@@ -1103,6 +1125,8 @@ Changes since the 18 August 2022 Working Draft</h3>
11031125
* Correct typo in 'container-type' syntax, to clarify that ''normal'' cannot
11041126
be combined with other values.
11051127
(<a href="https://github.com/w3c/csswg-drafts/issues/7669">Issue 7669</a>)
1128+
* Make the 'content-visibility' property animatable.
1129+
(<a href="https://github.com/w3c/csswg-drafts/issues/8627">Issue 8627</a>)
11061130

11071131
<h3 id="changes-2021-12">
11081132
Changes since the 21 December 2021 First Public Working Draft</h3>

0 commit comments

Comments
 (0)