👉 The CSS property <code>content-visibility</code> allows the web developer inform to the browser rendering engine which parts of the page are out of the user view.
😍 With this info, the browser can optimize the render flow time to focus on where really matters for the user.
<pre><code class="lang-plaintext">content-visibility: visible;
content-visibility: hidden;
content-visibility: auto;
</code></pre>
🪔 <code>content-visibility</code> using <code>visible</code> or <code>hidden</code> values show or hide respectively the content on a rendering engine level.
⚡️ <code>content-visibility</code> with value <code>auto</code> tells the browser rendering engine to render the elements based on user needs.

👉 The CSS property `content-visibility` allows the web developer inform to the browser rendering engine which parts of the page are out of the user view.

😍 With this info, the browser can optimize the render flow time to focus on where really matters for the user.

```plaintext
content-visibility: visible;
content-visibility: hidden;
content-visibility: auto;
```

🪔 `content-visibility` using `visible` or `hidden` values show or hide respectively the content on a rendering engine level.

⚡️ `content-visibility` with value `auto` tells the browser rendering engine to render the elements based on user needs.

Beto Muniz

Beto Muniz

CSS Property: content-visibility