DEV Community

Beto Muniz
Beto Muniz

Posted on • Updated on • Originally published at betomuniz.com

CSS Property: content-visibility

👉 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.

content-visibility: visible;
content-visibility: hidden;
content-visibility: auto;
Enter fullscreen mode Exit fullscreen mode

🪔 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.

Top comments (1)

Collapse
 
arvindsridharan profile image
arvindsridharan

Short, but very informative post.