DEV Community

loading...

CSS Property: content-visibility

obetomuniz profile image Beto Muniz ・1 min read

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

💌 Don't miss my contents, signup for my newsletter.

Discussion (1)

pic
Editor guide
Collapse
arvindsridharan profile image
arvindsridharan

Short, but very informative post.