@@ -519,72 +519,16 @@ spec: cssom-view-1; type: dfn;
519519
520520 ISSUE: Do we need all the longhands? Seems like overkill...
521521
522- ### Fit of a View Progress Timeline: the 'view-timeline-fit' property ### {#view-timeline-fit}
523-
524- <pre class='propdef'>
525- Name : view-timeline-fit
526- Value : [ cover | contain | <<percentage>> ]#
527- Initial : cover
528- Applies to : all elements
529- Inherited : no
530- Percentages : corresponding dimension of the box
531- Computed value : a list of the specified keyword or <<percentage>> values
532- Animation type : by computed value type
533- </pre>
534-
535- Specifies whether the in-view timeline is measured from the moment
536- any part of the box comes into view until all parts leave it
537- (''view-timeline-fit/cover'' or ''0%'' )
538- or whether it is measured from the moment
539- all parts of the box come into view until any part leaves it
540- (''view-timeline-fit/contain'' or ''100%'' ).
541-
542- <dl dfn-for=view-timeline-fit dfn-type=value>
543- <dt> <dfn>cover</dfn>
544- <dd>
545- Computes to 0%.
546-
547- <dt> <dfn>contain</dfn>
548- <dd>
549- Computes to 100%.
550-
551- <dt> <dfn><<length-percentage>></dfn>
552- Like 'scroll-padding' ,
553- defines an inward offset from the corresponding edge of the scrollport.
554- </dl>
555-
556- <div class=issue>
557- Some animations want to run
558- while the element is entering or exiting the scrollport,
559- rather than during the time of its visibility.
560- We should add some way to reference these intervals.
561-
562- Possible ideas:
563-
564- * Automatically generate entrance and exit timeline names
565- for each named view timeline,
566- e.g. ''view-timeline: foo'' also creates ''foo-enter'' and ''foo-exit'' timelines.
567- * Create an automagic value for 'view-timeline-fit'
568- that pins 25% to the point when 100% of the box has just become visible
569- and 75% to the point when it is just about to be cropped.
570- (Such a timeline would not be linearly related to the scroll progress.)
571- </div>
572-
573- If 'view-timeline-name' has more names than 'view-timeline-fit' has values,
574- the excess timelines use the last 'view-timeline-fit' value.
575- If 'view-timeline-name' has fewer names than 'view-timeline-axis' has specified axes,
576- the used 'view-timeline-fit' list is truncated.
577-
578522### View Timeline Shorthand: the 'view-timeline' shorthand ### {#view-timeline-shorthand}
579523
580524 <pre class='propdef shorthand'>
581525 Name : view-timeline
582- Value : [ <<'view-timeline-fit '>> || <<'view-timeline-axis'>> || <<'view-timeline-name '>> ]#
526+ Value : [ <<'view-timeline-name '>> || <<'view-timeline-axis'>> ]#
583527 Applies to : all elements
584528 </pre>
585529
586530 This property is a [=shorthand=] for setting
587- 'view-timeline-name' , 'view-timeline-axis' , and 'view-timeline-fit '
531+ 'view-timeline-name' and 'view-timeline-axis '
588532 in a single declaration.
589533 It does not set 'view-timeline-inset' .
590534
0 commit comments