Beto's Photo

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;

šŸŖ” 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.