DEV Community

Beto Muniz
Beto Muniz

Posted on


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.

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

Top comments (1)

arvindsridharan profile image

Short, but very informative post.

12 Rarely Used Javascript APIs You Need

Practical examples of some unique Javascript APIs that beautifully demonstrate a practical use-case.