1. CSS content-visibility

    Provides control over when elements are rendered, so rendering can be skipped for elements not yet in the user's viewport.

  2. CSS Device Adaptation

    Method of overriding the size of viewport in web page using the `@viewport` rule, replacing Apple's own popular `<meta>` viewport implementation. Includes the `extend-to-zoom` width value.

  3. CSS position:sticky

    Keeps elements positioned as "fixed" or "relative" depending on how it appears in the viewport. As a result the element is "stuck" when necessary while scrolling.

  4. Element.getBoundingClientRect()

    Method to get the size and position of an element's bounding box, relative to the viewport.

  5. css property: animation-timeline: `view()`

  6. css property: clip-path: view-box

  7. css property: mask-origin: `view-box`

  8. css property: object-view-box

  9. css property: object-view-box: none

  10. css property: transform-box: view-box

  11. css property: view-timeline

  12. css property: view-timeline-axis

  13. css property: view-timeline-axis: block

  14. css property: view-timeline-axis: inline

  15. css property: view-timeline-axis: x

  16. css property: view-timeline-axis: y

  17. css property: view-timeline-inset

  18. css property: view-timeline-inset: auto

  19. css property: view-timeline-name

  20. css property: view-transition-name

  21. css property: view-transition-name: none

  22. css selector: `::view-transition`

  23. css selector: `::view-transition-group()`

  24. css selector: `::view-transition-image-pair()`

  25. css selector: `::view-transition-new()`

  26. css selector: `::view-transition-old()`

  27. types: `<length>`: `dvb`, `dvh`, `dvi`, `dvmax`, `dvmin`, `dvw` units

  28. types: `<length>`: `lvb`, `lvh`, `lvi`, `lvmax`, `lvmin`, `lvw` units

  29. types: `<length>`: `svb`, `svh`, `svi`, `svmax`, `svmin`, `svw` units