Hide empty elements
Hides elements with no content.
- Use the
:empty
pseudo-class to select elements with no content.
<p>Lorem ipsum dolor sit amet. <button></button></p>
:empty { display: none; }
Hides elements with no content.
:empty
pseudo-class to select elements with no content.<p>Lorem ipsum dolor sit amet. <button></button></p>
:empty { display: none; }
Adds a fading gradient to an overflowing element to better indicate there is more content to be scrolled.
Hides scrollbars on an element, while still allowing it to be scrollable.
Creates a card that displays additional content on hover.
Applies styles to an element when in fullscreen mode.